vue-router组件中beforeRouteEnter钩子函数如何给组件实例添加data参数？

Question

{  beforeRouteEnter (to, from, next) {    serv.test()      .then(res => {        next(vm => {          // 这里如何给组件实例的data添加参数？          vm.listData = res.data.results        })      })      .catch(err => {        console.log(err)      })  },  mounted () {    console.log(this.listData) // undefind  }}在路由进入前获取数据，如何给组件的data添加数据？我那样写的无法在mounted生命周期中获取到，也无法在template中使用

Answer 1

你首先得把你那个文件的实例import到router的这个文件吧,然后使用vm.set(data,key,value)来添加数据

import App from './app.vue'

App.set(data,key,value)