javascript - vue router 怎么给component实例绑方法

Question

router.map({

'/foo': {
    component: Foo
},
'/bar': {
    component: Bar
}

})

怎么介入路由切换后Foo实例化的过程配置methods? 找了半天文档没看到有这样的例子。

Answer 1

有一个生命周期active的钩子，在vue-router的文档中

Answer 2

可以参考:http://cn.vuejs.org/api/#选项_\/_生命周期钩子

code here:

modules.default = {
    methods:{
        refresh() {
        
        }    
    },
    
    cerated() {
        // your methods
        // eg. this.refresh()
    }
    
    
}

Answer 3

Foo是一个组件，在它的created周期里写。

Answer 4

export default {

data(){
    return {
        data:'...' //初始化数据
    }
}
route:{
    data({next}){
        //dosomething
        next({data:data})//把数据赋值给data
    },
    activate(){
        //dosomething
    }
}

}
参考 http://vuejs.github.io/vue-router/zh-cn/index.html