vue.prototype的使用方法：通过在原型上定义使其在每个Vue的实例中可用，代码为【Vue.prototype.$appName = 'My App'】，控制台会打印出My App。
本教程操作环境：windows10系统、vue2.5.2，本文适用于所有品牌的电脑。
【相关文章推荐：vue.js】
vue.prototype的使用方法：
在vue项目main.js文件中：
立即学习“前端免费学习笔记（深入）”；
Vue.prototype.$appName = 'My App'
这样你可以通过在原型上定义它们使其在每个 Vue 的实例中可用。
new Vue({
beforeCreate: function () {
console.log(this.$appName)
}
})控制台会打印出 My App。就这么简单！
“为什么 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，来避免和插件或未来的插件相冲突。
相关免费学习推荐：JavaScript（视频）
以上就是vue.prototype如何使用的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
499
