Vue3简介
2020年9月18日,Vue.js发布3.0版本
Vue3带来了什么
性能优化
- 打包大小减少了41%，
2.初次渲染快55%，更新渲染快133%，
3.内存减少54%
源码升级
- 使用Prxoy代替了defineProperty实现响应式
拥抱TypeScript
新的特性
- Componsition Api
2.新的内置组件
- 其他改变
创建Vue3.0工程
查看@vue/cli版本，需要在4.5.0以上
vue --vuesion 或者vue -V
安装或升级 @vue/cli
npm install -g @vue/cli
创建
vue create XXX
启动
cd XXX
npm run serve
使用vite创建
创建工程
npm init vite-app <xxx>
进入工程
cd <xxx>
安装依赖
npm install
运行
npm run dev
分析Vue3的项目结构
项目的入口文件main.js
import { createApp } from "vue"; //引入的不再是Vue构造函数，引入的是一个名为createApp的工厂函数
import App from "./App.vue";
const app = createApp(App); //创建应用实例对象app (类似之前vue2中的vm,但是ap比vm‘轻’)
console.log("app", app);
app.mount("#app"); //挂载
文件的入口文件App.vue
1.Vue3中模板结构可以没有根标签
