实现全局属性设置的三种方式

实现全局设置变量的三种方式
1、通过prototype
Vue.prototype.name = 'admin'    全局设置
组件里面直接取数 this.name

2、在mainjs里面设置全局变量（跟组件中）
    new Vue({
              ....
        data(){
        return {name:'admin'}
              }
              ....
    })
组件取值 ： $root.name

3、vuex

Vue.prototype.XXX 上的数据是静态的，只能通过手动修改，修改后数据变了，但使用这些数据的组件并不会重新渲染，也必须得手动渲染。
Vue.prototype.XXX 相当于是在 Vue 对象上增加全局属性，容易造成变量污染。
Vuex 只要 store 中的数据更新，就会立即渲染所有使用 store 数据的组件。
Vuex 使用单向数据流，要想修改 store 数据需要经过 action 层，mutation 层，层次划分明确，便于管理