Vue3 0的新語法糖 script setup

基本用法

在conponents目錄下，新建乙個msg.vue

}

vue logo

" src="
./assets/logo.png
" />
"hello vue 3.0 + vite
" />

比我們之前的export引入，然後components加msg要簡便的多

兩種方式：props和emit

需要先去引入defineprops和defineemit。這樣引入是因為用了script setup標籤，就相當於props和emit

}

"onclick
">點選按鈕

vue logo

" src="
./assets/logo.png
" />
"hello vue 3.0 + vite
" />
"天氣很好
" @click="
onclick
">

Vue3 0系列（Vue3 0是如何變快的 ）

來說一說為什麼performance 效能比vue 2.x快1.2 2倍 這裡先提供兩個 2.1 diff演算法優化 例子 我是段落 也就是說，vue3在渲染的時候，給會改變的元素新增了靜態標記 import from vue export function render ctx,cache,pro...

vue3 0學習第一天 vue3 0的亮點

performance 效能比vue2.x快1.2 2倍 tree shaking support 按需編譯，體積比vue20x更小 compostion api 組合api better typescript support 更好的ts支援 custom renderer api 暴露了自定義渲染...

vue3 0 和 2 0的差異

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