1607775724144.jpg
1607776145653.jpg
確定你的電腦有木有vue的環境～vue create "your project"
1607777410542.jpg
Manually select features～手動選擇功能安裝
1607777598318.jpg
1607778533807.jpg
Use class-style component syntax 我選擇的no，如果安裝的話可以 class的模式寫vue組件，有興趣的同學可以安裝看看。
Use history mode for router? 我選擇的hash
其余的可以按照我的選擇
1607778630043.jpg
這邊是帶領大家走了一個安裝流程。其實 可以直接copy 項目地址就可以看了
https://github.com/shuyuhan01/vue-test
接下來就簡單說下vue3的項目和vue2項目的區別
1.main.ts 中需要從vue import createApp在通過.use的形式 注冊路由以及store到 app
2.新增了ref定義初始化數據，去掉methos，多了setup的方法 相關邏輯都寫在里面
3.setup 接受props, context，兩個參數，像父子間通訊可以用到
4.所定義的實踐方法，可以通過函數聲明的寫法，還需要在return 里面寫入，不然會報錯
5.還有一些watch computer 生命周期 等寫法 都有改變
你們可以看看文檔多練習下，有興趣還可以去看看源代碼，詳細的api可以看composition-api
https://composition-api.vuejs.org/zh/api.html#setup
最后項目打包到測試環境 遇到一個問題https://segmentfault.com/q/1010000038182104
到現在還沒解決
