????不管選擇什么框架,除了對基礎(chǔ)的知識有一定的了解掌握俯邓,還應(yīng)該對 ES6 有一定的了解座舍;?
這就是我腦海中的Vue 知識體系;
一句話概況了Vue通過盡可能簡單的API 實現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件;
一個簡單的Vue 實例只需要四步即可
我們的學(xué)習(xí)目的肯定不止于創(chuàng)建簡單的Vue 實例啥容;而是用它去實現(xiàn)更加多變的功能需求;那我們需要進(jìn)一步去學(xué)習(xí) Vue-router 和 Vuex 以及 Vue-cli顷霹;
先說說基礎(chǔ)的Vue 吧咪惠,在創(chuàng)建了一個簡單 Vue 實例之后,我們是否還能在實例中添加更加完善的數(shù)據(jù)選項泼返,去完成我們多變的功能需求硝逢;答案是肯定能的姨拥;
這就是我在學(xué)習(xí)Vue 的時候绅喉,在 Vue 實例中添加的比較多的渠鸽;?directives 和 components 在 Vue 實例中為創(chuàng)建的?局部?自定義指令和注冊組件,Vue.directive() 和 Vue.component() 則是注冊全局
每個Vue 實例在被創(chuàng)建之前都要經(jīng)過一系列的初始化過程柴罐。例如需要設(shè)置數(shù)據(jù)監(jiān)聽徽缚、編譯模板、掛載實例到 DOM革屠、在數(shù)據(jù)變化時更新 DOM 等凿试。同時在這個過程中也會運行一些叫做生命周期鉤子的函數(shù),給予用戶機(jī)會在一些特定的場景下添加他們自己的代碼似芝。
在QQ群里看到一張生命周期圖那婉,我覺得寫的特別好,感謝總結(jié)這張圖的朋友。
配合著實例代碼效果更佳查看代碼源?
生命周期鉤子的函數(shù)簡單說就是八個函數(shù)
學(xué)習(xí)Vue過程中详炬,感覺此文幫助很大,抄載下來以便學(xué)習(xí)寞奸。
本文抄載自GitHub呛谜,原文地址:傳送門