Vue3

发布时间 2023-09-27 21:07:52作者: Maverick-Lucky

Vue3介绍

 Vue3的变化

1.性能的提升
打包大小减少41%
初次渲染快55%, 更新渲染快133%
内存减少54%

2.源码的升级
使用Proxy代替defineProperty实现响应式
重写虚拟DOM的实现和Tree-Shaking(摇树--清除死代码进行优化)

3.拥抱TypeScript
Vue3可以更好的支持TypeScript

4.新的特性
Composition API(组合API)
setup配置
ref与reactive
watch与watchEffect
provide与inject
新的内置组件
Fragment
Teleport
Suspense
其他改变
新的生命周期钩子
data 选项应始终被声明为一个函数

组合式API和配置项api

组合式api:都写到一个函数中,定义变量和定义方法,定义计算属性都是放在一起,不是拆到不同地方了

vue3兼容vue2 ---》vue2 的内容,vue3完全适用

vue3 不建议这么用来,建议使用组合式api,不建议使用配置项api

配置项api:之前vue2中的写法
new Vue({
  data:{
  name:'lqz'
  },
  methods:{
    # 使用变量
  }
})

 

 

组合式api

  setup{

   var name=ss

  console.log(name)

}