VUE3 0從安裝到應用 3

vue2.x

router全域性引入在文章2裡面有

import home from

'./home .vue'
export
default},
mounted()
,created()
,  methods:
,}

首頁<

/div>
import home from
"./home.ts"
;export
default
=home()
;return}}
<
/script>ts檔案
import
from
"vue"
export
default
function
home()
);const
helloevent=(
)=>
;return
}

引入vue然後進行宣告，在data()裡命名變數，method,mounted,created寫方法.

vue3裡按需引入 onmounted就和mounted乙個作用，

在這個方法裡面命令變數，寫方法，然後 return輸出，

在vue檔案裡引入ts，在setup()方法裡引入剛才寫的方法。

在setup函式中定義的變數和方法最後都是需要 return 出去的 不然無法再模板中使用。

之前vue模板所有標籤都得放到乙個標籤下，vue3中template模板可以放多個標籤。

我這樣寫是為了區分頁面和js，也可以直接在頁面寫！

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

安裝最新vue腳手架 npm i vue cli g 通過腳手架建立專案，並選擇3.0 vue create vue next 執行專案 npm run serve vue2.0採用的叫做選項式api 例如我們想實現某乙個功能，關於這個功能的資料我們會定義在data中，事件函式定義在methods中...

Vue3 0學習記錄

composition api 組合api 效能提公升 viteoptions api composition api 響應式系統公升級 vue.js 3.0中使用proxy物件重寫響應式系統 proxy物件效能本身就比 defineproperty好 物件可以攔截物件的賦值 刪除等，不需要初始化遍...