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,应该怎么处理？