VUE3 0 TS 專案實戰 (2)基本寫法

2022-03-25 13:43:05 字數 1214 閱讀 4429

vue3.0相容vue2.0寫法 理解為多了個setup (composition api)實現功能拆分 **復用 以適應大型專案

解決vue檔案在編輯同一功能時 變數和方法需寫在vue檔案的不同緯度(data methods)造成開發體驗上下反覆跳

同時解決mixin資料來源不明確性

composition api

reactive(返回物件的響應式副本)

同vue2.0寫法

ref(接受乙個內部值並返回乙個響應式且可變的 ref)

reactive ref更改值

watch(與2.0watch等效)

生命週期函式

// 根級/父級元件

// provide 這裡如果提供的是響應式變數,inject也會觸發響應

provide('providename', data.name)

// 子級/孫級元件

setup ()

}

如何搭建乙個完整的Vue3 0 ts 的專案

相信9月18日尤大大的關於vue3.0的發表演講大家一定有所關注,現在vue3.0 也已經進入rc階段 最終產品的候選版本,如果沒有問題則可發布成為正式版本 所以vue3.0的學習是我們必然的趨勢,今天,主要分享一下vue3.0的詳細搭建過程,希望可以為初入vue3的小夥伴有所幫助。我們現在開始進入...

Vue2仿錘子商城實戰專案專案實戰

目錄,j7 x y m i p5 h 01 專案介紹.mp4 02 環境配置及目錄結構.mp4 03 商品列表頁的布局.mp4 04 商品列表套資料.mp4 n s w7 x s9 y8 s d5 h 05 商品頁元件.mp45 s l g r l v h 06 商品加入購物車.mp4 x9 n1 ...

(2)用vue寫專案 專案檔案結構

readme.md專案描述說明檔案 package.json 安裝依賴的包 index.html 首頁模板,專案的首頁 postcssrc.js 是post的配置項 gitignore 有些檔案不需要用git上傳,不需要上傳 eslintrc.js 規範,按eslint標準 eslintignore...