认识vue3以及语法运用简介

Vue3在性能上大幅提升,如打包大小减少、初次渲染及更新速度加快、内存使用下降。引入了组合API,包括reactive、ref、toRefs、computed和watch。watch支持多数据源监听和停止监听器,teleport允许组件DOM不嵌套在组件内部。此外,组件通讯通过props、emit、provide和inject实现。
摘要由CSDN通过智能技术生成

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是个函数 应用场景: 基于已有的数据,计算另一种数据。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值