vue3的新寫法和特性整理—— 一、從創建項目開始


1、創建命令的變化
用vue3命令創建xx項目:vue create "xx"
注:vue3在創建項目時,只能使用小寫字母,以及親和url的字符,否則將會報錯

vue create m+ 創建項目時報錯:Error: name can only contain URL-friendly characters

vue create mV 創建項目時報錯:Warning: name can no longer contain capital letters

2、項目的變化
還是熟悉的目錄結構;

熟悉的運行命令;

但是main.js就和以前不太一樣了;

vue3都是基於函數式的api,不同於以前調用構造函數的方式來創建一個Vue實例

3、store和router的使用變化
作為vue全家桶中重要成員,store和router也改用了函數式api
store的寫法差異

router的寫法差異

使用store和router的函數式api,在main.js使用use函數掛載,即可在項目中使用store和router,不需要再從this上取值。
因為this在實際生產過程中,偶爾會遇到this指向不明確的情況,從而導致數據異常,函數式api則可避免這類問題的出現


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM