Vue3支持2的大多数特性 性能提升: 打包大小减少41%, 初次渲染快55%,更新快133%, 内存使用减少54% 推出一系列组合型API ref与reactive watch与computed 新的声明周期函数。
一、组合API------reactive、ref 与 toRefs
在Vue2.x中,定义数据都是在data中,但是Vue3.x可以使用reactive和ref 来进行数据定义。 1、reactive与ref reactive 和 ref 都是用来定义响应式数据的 reactive更推荐去定义复杂的数据类型 ref 更推荐定义基本类型 使用ref定义基本数据类型,ref也可以定义数组和对象。2、toRefs toRefs 用于将一个 reactive对象转化为属性全部为 ref对象的普通对象
二、组合API------computed
1、基础用法 (只读) --- computed是个函数 应用场景: 基于已有的数据,计算另一种数据。