vm.$mount( [elementOrSelector] )
參數(shù):
{Element | string} [elementOrSelector]
{boolean} [hydrating]
返回值:vm?- 實例自身
用法:
如果 Vue 實例在實例化時沒有收到 el 選項吏口,則它處于“未掛載”狀態(tài)悲靴,沒有關聯(lián)的 DOM 元素。可以使用?vm.$mount()?手動地掛載一個未掛載的實例塘娶。
如果沒有提供?elementOrSelector?參數(shù)昭灵,模板將被渲染為文檔之外的的元素姓蜂,并且你必須使用原生 DOM API 把它插入文檔中挥唠。
這個方法返回實例自身,因而可以鏈式調用其它實例方法纲菌。
示例:
varMyComponent = Vue.extend({template:'<div>Hello!</div>'})// 創(chuàng)建并掛載到 #app (會替換 #app)newMyComponent().$mount('#app')// 同上newMyComponent({el:'#app'})// 或者挠日,在文檔之外渲染并且隨后掛載varcomponent =newMyComponent().$mount()document.getElementById('app').appendChild(component.$el)
參考:
示例:
迫使 Vue 實例重新渲染。注意它僅僅影響實例本身和插入插槽內容的子組件翰舌,而不是所有子組件嚣潜。
參數(shù):
{Function} [callback]
用法:
將回調延遲到下次 DOM 更新循環(huán)之后執(zhí)行。在修改數(shù)據(jù)之后立即使用它椅贱,然后等待 DOM 更新懂算。它跟全局方法?Vue.nextTick?一樣,不同的是回調的?this?自動綁定到調用它的實例上夜涕。
2.1.0 起新增:如果沒有提供回調且在支持 Promise 的環(huán)境中犯犁,則返回一個 Promise。請注意 Vue 不自帶 Promise 的 polyfill女器,所以如果你的目標瀏覽器不是原生支持 Promise (IE:你們都看我干嘛)酸役,你得自行 polyfill。
示例:
newVue({// ...methods: {// ...example:function(){// 修改數(shù)據(jù)this.message ='changed'// DOM 還沒有更新this.$nextTick(function(){// DOM 現(xiàn)在更新了// `this` 綁定到當前實例this.doSomethingElse()? ? ? })? ? }? }})
參考
用法:
完全銷毀一個實例驾胆。清理它與其它實例的連接涣澡,解綁它的全部指令及事件監(jiān)聽器。
觸發(fā)?beforeDestroy?和?destroyed?的鉤子丧诺。
在大多數(shù)場景中你不應該調用這個方法入桂。最好使用?v-if?和?v-for?指令以數(shù)據(jù)驅動的方式控制子組件的生命周期。
參考:生命周期圖示