看了各個(gè)帖子的描述，還是未能參透$在vue中所想發(fā)揮的本意，將一些一知半解的理解摘抄下來(lái)，順帶附上自己常見(jiàn)的用法，以加深理解和記憶。

摘抄

這些只是Vue的命名規(guī)則，為了區(qū)分普通變量屬性，避免我們自己聲明或者添加自定義屬性導(dǎo)致覆蓋

$event 是 vue 提供的傳遞實(shí)踐的參數(shù)。

$是在vue中所有實(shí)例中都可用的一個(gè)簡(jiǎn)單約定，這樣做會(huì)避免和已被定義的數(shù)據(jù)，方法，計(jì)算屬性產(chǎn)生沖突。

$是在vue中所有實(shí)例中都可用的一個(gè)簡(jiǎn)單約定，這樣做會(huì)避免和已被定義的數(shù)據(jù)，方法，計(jì)算屬性產(chǎn)生沖突。
另一個(gè)好問(wèn)題！如果你寫(xiě)成：

Vue.prototype.appName = ‘My App';

那么你希望下面的代碼輸出什么呢？

new Vue({
data: {
// 啊哦，appName 也是一個(gè)我們定義的實(shí)例屬性名！
appName: ‘The name of some other app'
},
beforeCreate: function () {
console.log(this.appName)
},
created: function () {
console.log(this.appName)
}
})

日志中會(huì)先出現(xiàn) “My App”，然后出現(xiàn) “The name of some other app”，
因?yàn)?this.appName 在實(shí)例被創(chuàng)建之后被 data 覆寫(xiě)了。
我們通過(guò) $ 為實(shí)例屬性設(shè)置作用域來(lái)避免這種事情發(fā)生。
你還可以根據(jù)你的喜好使用自己的約定，諸如 $_appName 或 ΩappName，
來(lái)避免和插件或未來(lái)的插件相沖突。

這里附上一個(gè)消息彈窗功能的外部鏈接：this.$toast() 了解一下？

結(jié)合這個(gè)案例可以更直觀和形象的理解vue中的$，當(dāng)時(shí)初看這篇文章對(duì)我受益匪淺，有時(shí)間也會(huì)另起一篇文章來(lái)講對(duì)這個(gè)案例自己的一些理解與拓展

運(yùn)用

很多初學(xué)者不知道項(xiàng)目中的$xxx是哪來(lái)的，具體有啥用，這里就來(lái)帶大家順藤摸瓜。（順帶一提像i18n國(guó)際化里的 $t或其他一些專有的 $event在項(xiàng)目中是找不到的，這是某些引用庫(kù)自己的專有寫(xiě)法）

例如項(xiàng)目中用到的這個(gè) $dic和 $dimension，我們就全局搜索Vue.prototype. $dic和Vue.prototype.$dimension，果不其然在main.js里：

繼續(xù)順藤摸瓜找到dimension.js，就可以看到 $dimension掛載的內(nèi)容和方法了

總結(jié)

到此這篇關(guān)于vue中$含義及其用法詳解的文章就介紹到這了,更多相關(guān)vue中$含義及用法內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論