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