vue3 0 和 2 0的差異

2021-10-09 18:57:44 字數 757 閱讀 2103

vue-cli2.0與3.0在目錄結構方面,有明顯的不同

vue-cli3.0移除了配置檔案目錄,config 和 build 資料夾

同時移除了 static 靜態資料夾,新增了 public 資料夾,開啟層級目錄還會發現, index.html 移動到 public 中

3.0 config檔案已經被移除,但是多了.env.production和env.development檔案,除了檔案位置,實際配置起來和2.0沒什麼不同

沒了config檔案,跨域需要配置網域名稱時,從config/index.js 挪到了vue.config.js中,配置方法不變

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,什麼意思呢,就是只要你用到了才會監聽,可以理解為『按需監聽』,官方給出的詮釋是:速度加倍,同時記憶體占用還減半。

vue2.x中new出的例項物件,所有的東西都在這個vue物件上,這樣其實無論你用到還是沒用到,都會跑一變。而vue3.0中可以用es module imports按需引入,如:keep-alive內建元件、v-model指令,等等。

Vue3 0和Vue2 0的區別

vue2和vue3的區別 一 常用命令 vue v 檢視本地 vue 版本 二 官方文件 3.0 三 建立檔案 3.0 vue create 進入工程資料夾,建立專案。2.0 vue init webpack 四 啟動專案 3.0啟動npm run serve 2.0啟動npm run dev 在根...

vue3 0和vue2 0的區別

vue3.0和2.0的區別更小安裝 npm install g vue cli 建立專案檔案 vue create project 專案的名稱 vue2和vue3的區別 一 常用命令 vue v 檢視本地 vue 版本 二 官方文件 3.0 三 建立檔案 3.0 vue create 進入工程資料夾...

Vue2 0和Vue3 0的區別

1.專案目錄結構 vue cli2.0與3.0在目錄結構方面,有明顯的不同 vue cli3.0移除了配置檔案目錄,config和build資料夾 同時移除了static靜態資料夾,新增了public資料夾,開啟層級目錄還會發現,index.html移動到public中 2.配置項 3.0 conf...