vue3生命周期圖示
image.png
Vue3教程視頻
Vue3教程視頻
如果需要課程源碼,或者需要添加江哥微信交流群可以添加小漁微信 : it666-01
感覺微信小程序就是類似vue3
vue3項(xiàng)目結(jié)構(gòu)
Vue模板瀏覽
Vue3對Vue2的提升
- Diff 算法優(yōu)化靴跛，添加靜態(tài)標(biāo)記PatchPlag
- hoistaStatic靜態(tài)提升
- cacheHandlers事件偵聽器緩存
- ssr渲染
標(biāo)記PatchPlag
Vue3.0 創(chuàng)建的3中方式
- Vue-Cli
- Webpack
- Vite (作者意圖取代webpack的工具)
webpack
Vite步驟
vue3入口main.js
vue3入口main.js
vue3提供監(jiān)聽數(shù)據(jù)的變化窝趣，數(shù)據(jù)雙向綁定
P6-P8課程
- ref 函數(shù)：只能監(jiān)聽簡單數(shù)據(jù)類型的變化剂府，不能監(jiān)聽復(fù)雜類型的變化（對象/數(shù)組）
- reactive:監(jiān)聽復(fù)雜數(shù)據(jù)的變化
- Vue3中使用組合API，解決Vue2中數(shù)據(jù)和業(yè)務(wù)邏輯分離的問題
功能api放在獨(dú)立js中暴露出去
導(dǎo)入功能（存放再獨(dú)立模塊中）
let一下
組合API Compostion API和Option API 混合使用
P10課程
其中Option API 就是Vue2.x中的api，vue2.x中給對象添加可選的配置就是Option
- 組合API Compostion API和Option API 混合使用 P10課程
- Composition API本質(zhì)（組合API/注入API）
- setup執(zhí)行時(shí)機(jī) P11課程
- setup注意點(diǎn) P11課程
setup執(zhí)行時(shí)機(jī)和注意點(diǎn)
image.png
vue2.x組件生命周期
vue3中的reactive響應(yīng)式數(shù)據(jù)的方法锭碳、及reactive注意點(diǎn) P12課程
reactive：只能接受對象欺税，才能數(shù)據(jù)綁定
reactive注意點(diǎn)
不是json、arr對象欲虚，需要重新賦值
ref本質(zhì)與注意點(diǎn)
p13 視頻
image.png
ref本質(zhì)與注意點(diǎn)
ref使用
ref 和reactive區(qū)別
p14視頻
image.png
image.png
image.png
