Vue.prototype是原型，我们可以在上面添加属性、方法，方便每个vue实例使用它。
如何访问vue.prototype？
在每个vue实例中，通过“this.”的形式即可访问Vue.prototype上的属性及方法。
例如：在vue项目main.js文件中：
Vue.prototype.$appName = 'My App'
这样你可以通过在原型上定义它们使其在每个 Vue 的实例中可用。
new Vue({
beforeCreate: function<em style="color:transparent">来源[email protected]搞@^&代*@码网</em> () {
console.log(this.$appName)
}
})
控制台会打印出 My App。就这么简单！
（相关课程推荐：Vue.js教程）
“为什么 appName 要以 $ 开头？这很重要吗？它会怎样？”
$ 是在 Vue 所有实例中都可用的属性的一个简单约定。这样做会避免和已被定义的数据、方法、计算属性产生冲突。
比如写成：
Vue.prototype.appName = 'My App'
在vue实例中：
new Vue({
data: {
appName: 'The name of some other app'
},
beforeCreate: function () {
console.log(this.appName)
},
created: function () {
console.log(this.appName)
}
})
日志中会先出现 "My App"，然后出现 "The name of some other app"，因为 this.appName 在实例被创建之后被 data 覆写了。我们通过 $ 为实例属性设置作用域来避免这种事情发生。你还可以根据你的喜好使用自己的约定，诸如 $_appName或 ΩappName，来避免和插件或未来的插件相冲突。
本文来自Vue.js答疑栏目，欢迎学习！
以上就是如何访问Vue.prototype？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：如何访问Vue.prototype？
转载请注明原文链接：如何访问Vue.prototype？
