首页 > 其他分享 >14. Vue2 和 Vue3 区别

14. Vue2 和 Vue3 区别

时间:2022-11-12 11:02:27浏览次数:63  
标签:14 Vue3 API Vue2 使用 替换

主要分为四点:  

  1. Vue3 使用了 proxy 替代了 Object.defineProperty 实现响应式数据 ,所以 vue3 的性能得到了提升 ;

  2. Vue3 可以在 template 模板使用多个根标签,因为 Vue3 新增了 Fragment 内置组件 ;

  3. Vue3 使用组合式API替换了选项式API   ,就是使用 setup 替换 data 和 methods 等属性;

  4. Vue3 更好的支持使用 ts 编程语言 ;

标签:14,Vue3,API,Vue2,使用,替换
From: https://www.cnblogs.com/zhulongxu/p/16882909.html

相关文章

  • 13. 说一下$set,用在Vue2还是Vue3
    $set是vue2中对象用来追加响应式数据的方法;使用格式:$set(对象,属性名,值) vue3中使用proxy替代了Object.defineProperty实现对象的响应式数据,所以在......
  • vue3 基础-API-computed
    前些章节讲了一些常用的api如setup,ref,reactive,toRef...等,并以一个todoList的小案例来体现在vue3中如何进行解耦逻辑,以setup函数作为调度的这种后端编......
  • VUE3+Element Plus的el-input获取焦点
    <template><el-inputv-model="msg"id="inputbox"type="text"style="width:500px"/><el-button@click="handleGetFocus">获取焦点</el-button></tem......
  • Ubuntu 1404 x64搭建Android开发环境
      最近在自己搭建了Android开发环境,在此记录一下。   一、安装配置JAVAJDK  不在此详细赘述, 验证:在终端中输入java、javac有信息输出。  二、安装配置A......
  • 插入MySQL报错‘pymysql.err.DataError: (1406, "Data too long for column 'url' at
    错误重现:插入MySQL报错‘pymysql.err.DataError:(1406,"Datatoolongforcolumn'url'atrow1")’解决方法:在插入MySQL的字符太多,此时将MySQL的模式改为非严格模......
  • 2022-2023-1 20221421 《计算机基础与程序设计》第十一周学习总结
    作业信息班级链接:https://edu.cnblogs.com/campus/besti/2022-2023-1-CFAP作业要求:https://www.cnblogs.com/rocedu/p/9577842.html#WEEK11作业目标:TCP/IP包交换 OSIM......
  • P3167 [CQOI2014]通配符匹配 题解
    想了两种做法,第一种拿到了10分的好成绩。而第二种做法不用前缀和,而且还跑的飞快。目前最优解第三尝试卡进最优解未果。不得不说这是一道好题,做完对KMP有了更深的理解......
  • 2. 说一下vue2和vue3的区别 ?
    1.vue3使用proxy替换Object.defineProperty实现数据响应式,所以vue3的性能得到了提升;2.vue3使用组合式API替代了vue2中的选项式API ;3.vue3......
  • space 动态布局算法(vue3-ts、setup)
    动态布局组件演示效果<template><ulclass="space_ulflex-row":style="{'padding-top':`${hs}px`,'padding-left':`${ws}px`}"......
  • Vue3中的新的内置组件
    在vue2中的内置组件:动态路由中的component:作用:动态显示路由的挂载点,使用is属性动态显示组件;keep-alive:作用:使被包裹的组件保留状态,避免被重新......