vue中的$符号
$ 是在 Vue 所有实例中都可用的属性的一个简单约定。这样做会避免和已被定义的数据、方法、计算属性产生冲突。
你指的冲突是什么意思?”
另一个好问题!如果你写成:
Vue.prototype.appName = ‘My App’
那么你希望下面的代码输出什么呢?
new Vue({ data: { // 啊哦,`appName` *也*是一个我们定义的实例属性名!😯 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,来避免和插件或未来的插件相冲突。
博客里大都是转载的内容,其目的主要用户知识的组织和管理。