一、创建Vue3项目
1、使用vue3的要求
1.1、脚手架版本要在4.5.0以上,查看版本命令:Vue -V
如果版本较低,安装新版本脚手架即可,安装命令:
npm install -g @vue/cli
2、使用脚手架创建vue3项目 (目前还是使用这个方式)
vue create vue3_test
3、使用vite创建Vue3项目(启动项目非常快,但没有大规模使用)
npm init vite-app vue3_test_vite
可快速创建项目,但是此时并没有依赖包
进入 vue3_test_vite 执行npm i
然后执行启动命令,即可秒启动
npm run dev
二、Vue3的使用(常用API)
关闭语法检查
在vue.config.js文件中添加关闭语法检查语句
lintOnSave:false
1、setUp
2、ref函数
3、reactive函数
4、Vue3中的响应式原理
5、reactive对比ref
6、setup的执行比beforeCreate生命周期钩子还要早
7、computed函数
8、生命周期
9、自定义hook函数
类似于java的封装,封装工具类 之类的