1.ref
ref可以直接訪問元素,而不需要使用querySelector或者其他dom節點的原生方法。
<div ref = "box"></div>
在js中,這個原生會被存到this.$ref這個對象中,對應的鍵名就是為這個元素的ref屬性設置的值 使用this.$ref.box訪問這個元素
在組件中這個屬性尤為有用。同一組件的代碼可能在頁面中出現多次,這從根本上不能為組件內的元素添加唯一類名而使用querySelector來選擇該元素,相比之下ref只包含當前組件內部元素引用,總是指向該組件內的對應元素。
2.生命周期
例:如果將一個函數設置為一個組件或vue實例的created屬性,他會在組件創建完成時調用。
8個主要生命周期鈎子:beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed。每個的作用這里不做過多的說明。
注意點:在vue2.0中,mounted鈎子觸發時並不能保證元素已經被添加到DOM上。想要保證元素被添加可以使用vue.nextTick()方法,也是使用this.$nextTick()調用,並同時傳入一個回調函數
在回調函數中添加需要在元素被添加到DOM之后運行的代碼