生命周期

事物從出生到死亡的過程
Vue實(shí)例從創(chuàng)建 到銷毀的過程 ，這些過程中會(huì)伴隨著一些函數(shù)的自調(diào)用。我們稱這些函數(shù)為鉤子函數(shù)

beforeCreate

在實(shí)例初始化之后，數(shù)據(jù)觀測(cè)和事件配置之前被調(diào)用 此時(shí)data 和 methods 以及頁面的DOM結(jié)構(gòu)都沒有初始化 什么都做不了

created

在實(shí)例創(chuàng)建完成后被立即調(diào)用此時(shí)data 和 methods已經(jīng)可以使用 但是頁面還沒有渲染出來

beforeMount

在掛載開始之前被調(diào)用 此時(shí)頁面上還看不到真實(shí)數(shù)據(jù) 只是一個(gè)模板頁面而已

mounted

el被新創(chuàng)建的vm.$el替換，并掛載到實(shí)例上去之后調(diào)用該鉤子。 數(shù)據(jù)已經(jīng)真實(shí)渲染到頁面上 在這個(gè)鉤子函數(shù)里面我們可以使用一些第三方的插件

beforeUpdate

數(shù)據(jù)更新時(shí)調(diào)用，發(fā)生在虛擬DOM打補(bǔ)丁之前。 頁面上數(shù)據(jù)還是舊的

updated

由于數(shù)據(jù)更改導(dǎo)致的虛擬DOM重新渲染和打補(bǔ)丁，在這之后會(huì)調(diào)用該鉤子。 頁面上數(shù)據(jù)已經(jīng)替換成最新的

beforeDestroy

實(shí)例銷毀之前調(diào)用

destroyed

實(shí)例銷毀后調(diào)用

數(shù)組變異方法

在 Vue 中，直接修改對(duì)象屬性的值無法觸發(fā)響應(yīng)式。當(dāng)你直接修改了對(duì)象屬性的值，你會(huì)發(fā)現(xiàn)，只有數(shù)據(jù)改了，但是頁面內(nèi)容并沒有改變
變異數(shù)組方法即保持?jǐn)?shù)組方法原有功能不變的前提下對(duì)其進(jìn)行功能拓展

push()

往數(shù)組最后面添加一個(gè)元素，成功返回當(dāng)前數(shù)組的長度

pop()

刪除數(shù)組的最后一個(gè)元素，成功返回刪除元素的值

shift()

刪除數(shù)組的第一個(gè)元素，成功返回刪除元素的值

unshift()

往數(shù)組最前面添加一個(gè)元素，成功返回當(dāng)前數(shù)組的長度

splice()

有三個(gè)參數(shù)，第一個(gè)是想要?jiǎng)h除的元素的下標(biāo)（必選），第二個(gè)是想要?jiǎng)h除的個(gè)數(shù)（必選），第三個(gè)是刪除 后想要在原位置替換的值

sort()

sort() 使數(shù)組按照字符編碼默認(rèn)從小到大排序,成功返回排序后的數(shù)組

reverse()

reverse() 將數(shù)組倒序，成功返回倒序后的數(shù)組