vue 定义一个全局实例 Vue.prototype

定义与使用

定义：Vue.prototype.$appName = ‘My App’

使用：this.$appName （任何地方）

使用场景：你可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 的实例中可用

Vue.prototype.$appName = ‘My App’

这样 $appName 就在所有的 Vue 实例中可用了，甚至在实例被创建之前就可以。如果我们运行：

new Vue({ beforeCreate: function () {
console.log(this.$appName) } })

则控制台会打印出 My App。就这么简单！

为什么 appName 要以 $ 开头？这很重要吗？它会怎样？

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