Vue.prototype详解

如果需要设置全局变量或全局方法，并且不想污染全局作用域，这种情况下，可以通过在原型上定义它们使其在每个 Vue 的实例中可用。在main.js中添加。

1、基本示例

在main.js中添加一个变量到 Vue.prototype，代码如下：

Vue.prototype.$appName = 'My App'

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

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

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

2、你可能会好奇：

“为什么 appName 要以 $ 开头？这很重要吗？”

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

“你指的冲突是什么意思？”

另一个好问题！如果你写成：

Vue.prototype.appName = ‘My App’

那么如下的代码输出什么：

new Vue({
  data: {
    // 啊哦，`appName` *也*是一个我们定义的实例属性名！
标签：Vue,appName,App,实例,prototype,My,详解	

来源： https://www.cnblogs.com/dreamstartplace/p/16175408.html