生命周期
事物從出生到死亡的過程
Vue實(shí)例從創(chuàng)建 到銷毀的過程 虫啥,這些過程中會伴隨著一些函數(shù)的自調(diào)用蔚约。我們稱這些函數(shù)為鉤子函數(shù)
beforeCreate
在實(shí)例初始化之后,數(shù)據(jù)觀測和事件配置之前被調(diào)用 此時data 和 methods 以及頁面的DOM結(jié)構(gòu)都沒有初始化 什么都做不了
created
在實(shí)例創(chuàng)建完成后被立即調(diào)用此時data 和 methods已經(jīng)可以使用 但是頁面還沒有渲染出來
beforeMount
在掛載開始之前被調(diào)用 此時頁面上還看不到真實(shí)數(shù)據(jù) 只是一個模板頁面而已
mounted
el被新創(chuàng)建的vm.$el替換涂籽,并掛載到實(shí)例上去之后調(diào)用該鉤子苹祟。 數(shù)據(jù)已經(jīng)真實(shí)渲染到頁面上 在這個鉤子函數(shù)里面我們可以使用一些第三方的插件
beforeUpdate
數(shù)據(jù)更新時調(diào)用,發(fā)生在虛擬DOM打補(bǔ)丁之前评雌。 頁面上數(shù)據(jù)還是舊的
updated
由于數(shù)據(jù)更改導(dǎo)致的虛擬DOM重新渲染和打補(bǔ)丁树枫,在這之后會調(diào)用該鉤子。 頁面上數(shù)據(jù)已經(jīng)替換成最新的
beforeDestroy
實(shí)例銷毀之前調(diào)用
destroyed
實(shí)例銷毀后調(diào)用
數(shù)組變異方法
在 Vue 中景东,直接修改對象屬性的值無法觸發(fā)響應(yīng)式砂轻。當(dāng)你直接修改了對象屬性的值,你會發(fā)現(xiàn)斤吐,只有數(shù)據(jù)改了搔涝,但是頁面內(nèi)容并沒有改變
變異數(shù)組方法即保持?jǐn)?shù)組方法原有功能不變的前提下對其進(jìn)行功能拓展
push()
往數(shù)組最后面添加一個元素,成功返回當(dāng)前數(shù)組的長度
pop()
刪除數(shù)組的最后一個元素和措,成功返回刪除元素的值
shift()
刪除數(shù)組的第一個元素庄呈,成功返回刪除元素的值
unshift()
往數(shù)組最前面添加一個元素,成功返回當(dāng)前數(shù)組的長度
splice()
有三個參數(shù)派阱,第一個是想要刪除的元素的下標(biāo)(必選)诬留,第二個是想要刪除的個數(shù)(必選),第三個是刪除 后想要在原位置替換的值
sort()
sort() 使數(shù)組按照字符編碼默認(rèn)從小到大排序,成功返回排序后的數(shù)組
reverse()
reverse() 將數(shù)組倒序,成功返回倒序后的數(shù)組