1.vue官方檔案
首先我們來看一下vue官方是怎么解釋的
好了，我知道很多剛接觸的vue的小白其實都不太看的懂官方檔案在講什么，下面我用自己的話翻譯一下，
2.ref以及$ref
通過 ref 標注 DOM 元素
// 在 DOM 元素上通過 ref 屬性標注，屬性名稱自定義
<div ref="info">hello</div>
通過 $refs 獲取 DOM 元素
// 通過 Vue 實體的 $refs 獲取標記 ref 屬性的元素
let info = this.$refs.info.innerHTML
console.log(info) // hello
所以說ref和$refs其實就是用來獲取/操作DOM元素的，類似于jQuery中的$('.xx')
3.$是什么？
Vue官方檔案的解釋
看完檔案的介紹，里面有這么一句話
除了資料屬性，Vue 實體還暴露了一些有用的實體屬性與方法，它們都有前綴 $，以便與用戶定義的屬性區分開來
我的理解是$就是內部函式的一種特殊命名方式，表示這個屬性或者方法存在于 Vue 實體的原型上，然后在外部可以使用$去呼叫
例如：
var num = {a:1}
var vm =new Vue({
el:'#app',
data:num
})
console.log(vm.$data);
使用$data，就可以呼叫vue實體中data這個屬性
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/2415.html
標籤：JavaScript
上一篇：h5整體頁面布局
下一篇：express生成器的使用