v-once 指令可以將渲染的元素和組件標記為靜態的。這樣,當它們本身或其中的子組件發生更新時,Vue 將跳過重新渲染的步驟。這可以用于優化更新性能。
mounted 鉤子是一個 Vue 實例被掛載后立即調用的函數。在這個生命周期鉤子中,你可以進行 DOM 操作、獲取數據,以及和第三方庫進行交互等等。這是一個非常適合進行初始化工作的時機。
mounted: function () { this.$nextTick(function () { // 在DOM渲染完畢后執行的代碼 }) }
在 mounted 鉤子中,我們常常需要等到 Vue 實例渲染完畢后再進行一些操作。因為 Vue 實例在掛載后并不是立即整個渲染完畢的,所以需要使用 $nextTick 函數。$nextTick 函數是異步執行的,而且會在 DOM 更新后執行,所以可以用它來保證操作的時機。
除了 $nextTick 函數以外,mounted 鉤子還有一個參數,即 el;它代表了 Vue 實例使用的根 DOM 元素。在使用 jQuery 或其他操作 DOM 的庫時,經常需要使用到 mounted 鉤子中傳入的 el 參數。
mounted: function () { $(this.$el).find('.my-class').addClass('active') }
總之,mounted 鉤子是 Vue 生命周期中的一步非常重要的過程。在這個過程中,你可以進行諸如獲取數據、初始化狀態、操作 DOM 元素等等的任務。
上一篇vue electron
下一篇python 織夢對比