1.項目目錄結構 vue-cli2.0與3.0在目錄結構方面,有明顯的不同
vue-cli3.0移除了配置文件目錄,config和build文件夾
同時移除了static靜態文件夾,新增了public文件夾,打開層級目錄還會發現,index.html移動到public中
2.配置項 3.0 config文件已經被移除,但是多了.env.production和env.development文件,除了文件位置,實際配置起來和2.0沒什么不同
沒了config文件,跨域需要配置域名時,從config/index.js 挪到了vue.config.js中,配置方法不變
3.渲染 Vue2.x使用的Virtual Dom實現的渲染
Vue3.0不論是原生的html標簽還是vue組件,他們都會通過h函數來判斷,如果是原生html標簽,在運行時直接通過Virtual Dom來直接渲染,同樣如果是組件會直接生成組件代碼 4.數據監聽 Vue2.x大家都知道使用的是es5的object.defineproperties中getter和setter實現的,而vue3.0的版本,是基於Proxy進行監聽的,其實基於proxy監聽就是所謂的lazy by default,什么意思呢,就是只要你用到了才會監聽,可以理解為‘按需監聽’,官方給出的詮釋是:速度加倍,同時內存占用還減半。
4.按需引入 Vue2.x中new出的實例對象,所有的東西都在這個vue對象上,這樣其實無論你用到還是沒用到,都會跑一變。而vue3.0中可以用ES module imports按需引入,如:keep-alive內置組件、v-model指令,等等
————————————————
版權聲明:本文為CSDN博主「DemonHunter211」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/kwame211/article/details/109510932