Vue之掛載流程與生命週期

2021-10-25 17:54:05 字數 1038 閱讀 8825

["render渲染"

,createelement

("p"

,"p標籤")]

);//新增內容,並且新增乙個子元素,p標籤},

data:})

//總結: 二者從使用效果上沒有區別, 目的都是將vue例項化的物件掛載到dom元素上; 指定el, 在模板渲染的時候會將物件渲染到模板中, 如果未指定, vue物件屬於『 未掛載』 狀態, 需要手動指定掛載, 在物件後面.$mount() 加上dom元素。 簡單一句話來概括的話就是生命週期路線的不同, 但是沒有影響。

<

/script>沒有el就去看是否存在vm.$mount( )掛載 沒有就結束 有掛載就繼續上面的過程。

權重值:render > template > el

>}}

<

/div>

<

/body>

var vm =

newvue(,

beforecreate()

,created()

,beforemount()

,mounted()

,beforeupdate()

,updated()

,beforedestroy()

,destroyed()

})// vm.$destroy(); //觸發條件: 當元件銷毀時

// console.log(vm)

<

/script>它可以總共分為8個階段:

vue生命週期流程

new vue 啟動vue執行環境,建立環境中vue例項 init event kifecycle 初始化vue的事件環境 init injections reactivity 初始化vue例項的基本功能 1.引數寫入 資料 data 方法 methods 計算屬性 computed 2.生成響應功...

Vue之生命週期

vue裡的概念 生命週期,是指乙個vue元件從開始到消亡經歷的各種狀態,具體點來說就是元件從建立,到元件掛載到頁面上執行,再到頁面關閉元件被解除安裝經歷的各種狀態。在每個階段,vue會自動呼叫相應的生命週期的鉤子函式,所以當我們在某個鉤子函式中掛載我們的自定義函式時,就會在相應的生命週期自動呼叫 v...

Vue之生命週期和生命週期鉤子

生命週期 指的是vm例項建立 執行 銷毀期間的各種事件。生命週期鉤子 生命週期事件 生命週期函式。生命週期主要分為三類 1.建立 這些函式均只在建立階段執行一次 beforecreate 此階段vm例項在內存在建立出來 只有預設的生命週期函式和一些預設的事件 但是data和method屬性沒有初始化...