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則可避免這類問題的出現