vue中如何获取路由中的的变量

Question

var Foo = { 
            template: '#myComponent',
            data(){
                return{
                    num: 0,
                    obj: '',
                    sum: '',
                    size: 72346
                }
            }
const routes = [{ path: '/foo', component: Foo }}
const router = new VueRouter({
                  routes
                });

上面如果我想num绑定到html直接{{num}}到html中就可以访问，如果我想在外部修改，怎么操作
如（vm.$data）。

Answer 1

1、通过Vue.set方法设置data属性，如上：

Vue.set(data,'sex', '男')
2、您还可以使用 vm.$set实例方法，这也是全局 Vue.set方法的别名:


var key = 'content'; //这种主要用于当对象中某个属性值动态生成时处理方式
this.$set('info.'+key, 'what is this?');
//或
this.$set('info.content', 'what is this?');

Answer 2

this.$route.params

Answer 3

看vue-router文档https://router.vuejs.org/zh-c...，除了 $route.params 外，$route 对象还提供了其它有用的信息，例如，$route.query（如果 URL 中有查询参数）、$route.hash 等等。