一、從vue2到vue3
????????vue3.0 向下兼容 vue2.x 版本，優(yōu)化了主要核心雙向綁定原理和體積大小，并且更加友好的兼容 ts 語(yǔ)法。vue3是基于ES6新增的proxy代理實(shí)現(xiàn)的。
1.1 vue3的特點(diǎn)
- 新增了組合式api
- 更接近原生js
- 更加解耦（收到react啟發(fā)）
- 按需加載
1.2 與vue2的區(qū)別
????????相同點(diǎn)：生命周期基本一致、與vue2的模板語(yǔ)法基本一致、與vue2的選項(xiàng)基本一致data methods computed watch等。
? ? ? ? 不同點(diǎn)：?jiǎn)?dòng)方式不同、全局方法掛載不一樣、vue3可以擁有多個(gè)根節(jié)點(diǎn)、生命周期卸載不同、vue3新增部分 setup()在組件掛載前運(yùn)行。
二、vue3的安裝使用
? ? ? ? win+R，輸入cmd打開(kāi)命令窗口，按照以下步驟進(jìn)行安裝。
2.1 安裝腳手架
npm i @vue/cli -g 2.2 創(chuàng)建項(xiàng)目
vue create mv3 //mv3為項(xiàng)目名稱(chēng)2.3 手動(dòng)安裝
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-437926.html
2.4 進(jìn)入并運(yùn)行項(xiàng)目服務(wù)器
cd /mv3
npm run serve三、vue3生命周期
????????Vue3中繼續(xù)使用Vue2中的生命周期鉤子?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-437926.html
到了這里，關(guān)于vue3指導(dǎo)教程（附帶獲取屏幕可視區(qū)域?qū)捀撸┑奈恼戮徒榻B完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
