初学VUE3

本文介绍了初学者如何入门Vue3,包括Vue3.0支持的组件库如ant-design-vue、element-plus和vant,以及Vue3的新特性如性能提升、Composition API。详细讲解了setup函数、响应式系统API(reactive和ref)、computed计算属性、watch侦听器和生命周期函数的使用。此外,还提到了Vue3中的父子通信方式。
摘要由CSDN通过智能技术生成

Vue3.0版本

**
初学vue3
**
目前支持的vue3的组件库

  • ant-design-vue
    [ant-design-vue**(https://antdv.com/docs/vue/introduce-cn/)**

    ant-design-vue 是 Ant Design 的 Vue 实现,组件的风格与 Ant Design 保持同步

    目前支持 Vue 3.0 的 2.0.0 测试版 已发布

  • element-plus

[element-plus](https://element-plus.gitee.io/#/zh-CN)

Element Plus,一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的桌面端组件库

  • vant
    [vant](https://vant-contrib.gitee.io/vant/v3/#/zh-CN)
    轻量、可靠的移动端 Vue 组件库

    Vant 是有赞前端团队开源的移动端组件库,于 2016 年开源,已持续维护 4 年时间

    目前 Vant 已完成了对 Vue 3.0 的适配工作,并发布了 Vant 3.0 版本

  • VueUse
    [VueUse](https://vueuse.org/)
    基于composition组合api的常用集合,小兔仙项目会部分使用

VUE3新变化

  1. 性能提升
  2. diff算法更快
  3. 内存占用更少
  4. 打包体积变那小
    • 更好的Typescript支持
  5. Composition API (重点)
    在使用vue2.x版本开发较复杂的组件时,逻辑难以复用,组合式api的出现可以解决此类问题

相关阅读:

  1. Vue3 中文文档 https://vue3js.cn/docs/zh/

  2. Vue3 设计理念 https://vue3js.cn/vue-composition/

注意:以下是个人理解,理解层次较浅,仅供参考,
个人有道云笔记:https://note.youdao.com/web/#/file/recent/note/WEB74f

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值