Vue3 开启

Vue3带来了什么

1.性能的提升

打包大小减少41%
初次渲染快55%
内存减少54%

2.源码的升级

使用proxy代理替代object.defineproperty
重写虚拟DOM的实现和Tree-shaking(移除JavaScript上下文中未引用的代码的行为的一个术语)

3.拥抱TypeScript

vue3更好的支持TypeScript。

4.新的特性

1.composition API(组合式api)
setup配置
ref与reactive
watch与watchEffect
provide与inject

2.新的内置组件
Fragment
Teleport
Suspense
3.其他改变
新的生命周期钩子
data选项应始终声明为一个函数
移除keyCode支持作为v-on的修饰符

一.创建vue3.0工程

1.使用vue-cli创建(保证vue-cli版本在4.5.0以上)
vue create vue3_test
2.使用vite创建
什么是vite?
新一代的前端构建工具。
优势如下:
开发环境中,无需打包代码,可快速的冷启动。
轻量快速的热重载。
真正的按需编译,不再等待整个应用编译完成。

创建工程

npm init vite-app

进入工程目录

cd

安装依赖

npm install

运行

npm run dev

你可能感兴趣的:(JavaScript,1024程序员节)