码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • Vue2 和 Vue3 的区别


    Vue2 和 Vue3 的区别

    Composition API

    这是 vue2 和 vue3 之间最大的区别
    vue2 使用选项类型 API(Options API)相比之下
    vue3 使用合成型 API (Composition API)

    vue2 和 vue3 双向绑定原理发生了改变

    vue2 的双向绑定是利用 ES5 的一个 API Object.definePropert() 对数据进行结合 发布定阅模式的方式来实现的
    vue3 中使用了 es6 的 Proxy API 对数据代理

    Vue3 支持碎片(Fragments)

    就是说在组件可以拥有多个根节点

    建立数据

    Vue2 这里把数据放入 data 属性中
    Vue3 我们就需要使用一个新的 setup() 方法 方法在组件初始化构造的时候触发

    生命周期钩子不同 Lifecyle Hooks

    Vue2Vue3
    beforeCreatesetup()
    createdsetup()
    beforeMountonBeforeMount
    mountedonMounted
    beforeUpdateonBeforeUpdate
    updatedonUpdated
    beforeDestroyonBeforeUnmount
    destroyedonUnmounted
    activatedonActivated
    deactivatedonDeactivated

    父子传参不同

    vue3 新增了 Teleprot 瞬移组件

  • 相关阅读:
    Hadoop HA搭建
    使用内网穿透本地MariaDB数据库,并实现在公网环境下使用navicat图形化工具
    MediaPlayer_Analyze-2-JNI
    短视频矩阵源码开发部署---技术解析
    SpringBoot如何集成Mybatis呢?
    KubeSphere v3.4.0 部署K8S Docker + Prometheus + grafana
    Day39-Servlet
    餐饮供应链管理系统
    【EC200U】 SIM卡使用
    tcpdump抓包
  • 原文地址:https://blog.csdn.net/lhblmd/article/details/126771405
  • 最新文章
  • 【FHE】我们如何实现同态加密推理(八):SiLU 的密文化——两条路径,和一个 8 字节的开关
    SQLcl 中 c/old/new 替换变量为何失效?先定位再替换
    不让模型写作文,直接从它脑子里读答案:Jev 决策在 .NET 的两条路线
    Halo插件:支持GitHub的图床附件策略
    电视投屏界的“一股清流”!SimpleTVCast 6.0.0-beta 抢先体验:无需TV端App,界面大换血!✨
    华三VXLAN集中式网关实战指南:Spine多活网关 + 双活接入(M-LAG)
    软件更好写之后口碑会更重要
    大 O、大 Omega、大 Theta 的区别,O(n) 复杂度是什么意思
    Java标签跳转:一个鲜为人知但却很实用的小技巧
    多智能体系统论文速读
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号