Vue3学习记录——(5) 新特性

Vue3引入了组合式API,通过setup()方法改进组件配置。新增内置组件如Teleport和Suspense,优化服务端渲染效率,静态节点直接生成HTML。Vite提供快速冷启动和模块热更新功能,实现按需编译。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1. 组合式API

  • 在Vue 2.x中,组件的主要逻辑是通过一些配置项来编写基于配置的组件写法称为Options API(配置式API)

在这里插入图片描述

  • Vue 3的一大核心新特性是引入了Composition API(组合式API)这使得组件的大部分内容都可以通过setup()方法进行配置
    在这里插入图片描述

2. 内置组件

Vue 3里面新增件Teleport、Suspense、Fragments片段的内置组件,这里把内置组件称作可以直接写在里面而不需要格外引入的组件,而Fragments是一种新的特性,让开发者可以不用在中强制包裹一个根元素

3. 服务端渲染

在服务端渲染方面,Vue 3优化了返回HTML字符串的逻辑。在Vue 2.x中,所有的节点(包括一些静态节点)在服务端返回时都会转换为虚拟DOM,再转换成HTML字符串返回给浏览器;Vue 3则将静态节点剥离成字符串,这部分内容不会转换成虚拟DOM,而是直接拼接返回,在效率上进行了提升

4. Vite主要特性

  • 快速的冷启动。
  • 即时的模块热更新。
  • 真正的按需编译。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值