}a
let vm = new vue(,
mounted())
console.log(this.$refs.myp)//無論有多少個只能拿到乙個
console.log(this.$refs.mydiv)//可以拿到乙個陣列
this.arr=[1,2,3,4]
console.log(this.$refs.wrap)
debugger
//這裡debugger的話只能看到warp列印出來的是有3個，因為dom渲染是非同步的。
//所以如果資料變化後想獲取真實的資料的話需要等頁面渲染完畢後在獲取，就用$nexttick
} })
vm.$watch('msg', function (newvalue, oldvalue) )
//this.$data: vm上的資料
//this.$el:當前el元素
//this.$nexttick :非同步方法，等待渲染dom完成後來獲取vm
//this.$watch:監控
//this.$set:後加的屬性實現響應式變化
//this.$refs:被用來給元素或子元件註冊引用資訊。引用資訊將會註冊在父元件的 $refs 物件上。
//如果在普通的 dom 元素上使用，引用指向的就是 dom 元素；如果用在子元件上，引用就指向元件例項
vue中常見的指令
v text 把指定的資料渲染到指令所在的節點只能渲染純文字 類似於innertext v html 把指定的資料渲染到指令所在的節點，可以渲染html的結構，innerhtml v on 給元素繫結事件 v if 滿足條件的話，元素顯示 v show 滿足條件的話元素顯示 v cloak 解決差值...
Vue中常見的效能優化
1.不要將所有的資料都放到data中，data中的資料都會增加getter和setter，又會收集watcher，這樣還佔記憶體。不需要響應式的資料我們可以定義在例項上。2.在v for繫結事件的時候可以使用事件 將事件繫結到外層元素上。3.使用keep alive快取元件，防止元件來回的建立和銷毀...
vue中常見指令
一 檢視輸出指令 作用 把 model繫結到view v text和v html v text例項 這個將不會隨msg屬性的改變而改變 v html例項 二 屬性繫結指令 作用 把model動態繫結view v bind 是 vue中，提供的用於繫結屬性 title 的指令 四 v model 作用...