vue子页面向父页面传参

Question

// page A

<h1>{{pageDataA}}</h1>

<router-link to="PageB">pageb</router-link> 

data:{

    pageDataA:'苹果'

}

// page B

<li @click="toThis">香蕉</li>

<li @click="toThis">橘子</li>

pageA中pageDataA现在显示苹果，路由跳转到pageB后,toThis()选择不同的水果赋值到pageDataA,应该怎么处理？