vue使用$root设置全局属性

vue状态管理使用vuex，如果项目不大，逻辑不多，那么我们没必要用vuex给项目增加难度，只需要用$root设置根 Vue 实例的data就行了，如下：

main.js

let app = new Vue({
    el: '#app',
    // 全局数据，在其他页面或者组建可改变
    data: function () {
    return {
        s: ''
    }
    }, 
    router,
    store,
    template: '<router-view></router-view>'
})

a.vue

this.$root.s = '设置了s属性'

b.vue

console.log(this.$root.s)  // 设置了s属性

注：vm.parent 访问父实例，子实例被推入父实例的 parent 和 $children - 它们的主要目的是作为访问组件的应急方法。更推荐用 props 和 events 实现父子组件通信