Vue 全局变量

使用Prototype

可以使用Vue.prototype定义全局变量（也可以定义函数）

Vue.prototype.appName = 'old name'

结合$

$ 是在 Vue 所有实例中都可用的属性的一个简单约定。
这样做会避免和已被定义的数据、方法、计算属性产生冲突。

上面的appName很容易被实例覆盖掉
例如当你在Vue的实例中修改
创建前输出 old name , 创建后输出 new name 。

new Vue({
  data: {
    appName: 'new name'
  },
  beforeCreate: function () {
    console.log(this.appName)
  },
  created: function () {
    console.log(this.appName)
  }
})