首页 > 其他分享 >Vue2 和 Vue3 的不同之处

Vue2 和 Vue3 的不同之处

时间:2023-01-30 22:45:04浏览次数:43  
标签:return Vue2 Vue3 Proxy vue2 vue3 不同之处

1、双向绑定的更新

   vue2 是采用的 ES5 的⼀个 API 叫做 object.definePropert  对数据进⾏劫持 结合 发布订阅模式   

  vue3 是采用的ES6 的一个API叫做 ProxyAPI 对数据代理,通过 reactive() 函数给每⼀个对象都包⼀层 Proxy,通过 Proxy 监听属性的变化,从⽽ 实现对数据的监控。   

  vue3 带来的优势:vue2 他是全部绑定在Vue 上面的,所以当执行的时候它将从头至尾全部执行一遍,而vue3 则通过模块化处理方式,则不用全部执行一遍,提高了运

2、数据和方法的定义

  Vue2:  data() { return {}; }, methods:{ }

  Vue3:  数据和⽅法都定义在setup中,并统⼀进⾏return{}

 

标签:return,Vue2,Vue3,Proxy,vue2,vue3,不同之处
From: https://www.cnblogs.com/xieyanhui/p/17077459.html

相关文章

  • vue3+vite项目中使用qiankun的方式
    需要安装的依赖: "vite-plugin-qiankun":"1.0.10","vue-tsc":"^0.40.7""vite":"3.0.9","@vitejs/plugin-vue":"^1.6.0","vue":"^3.2.37","vue-router":......
  • Vue2 常见问题汇总及解决方案
    参考:https://mp.weixin.qq.com/s/6Wapb1bZLQaYv0zlip6ygg1.安装超时(installtimeout)方案:cnpm:国内对npm的镜像版本/*cnpmwebsite:https://npm.taobao.org/......
  • vue3 重置数据
    第一种import{reactive}from'vue'classInitFormData{username:string=''sex:number=1age:number=0}letformData=reactive(newInitForm......
  • vue3实现禁用物理按键返回,但是可以通过自定义app-bar的返回按钮返回
    1.注意app-bar是一个所有页面都会用到的顶部title栏,里面左侧有返回按钮;2.基于1,在app-bar组件的setup里添加这个代码:onMounted(()=>{//不能少history.pu......
  • vue3基础API
    创建项目vitecreatevite项目名--template模板名模板可参考https://github.com/vitejs/vite/tree/main/packages/create-vite以下内容皆使用setup语法糖ref......
  • Vue3+TypeScript 项目中,配置 ESLint 和 Prettier
    接上篇:从0搭建vite-vue3-ts项目框架:配置less+svg+pinia+vant+axios文档同步项目gitee:https://gitee.com/lixin_ajax/vue3-vite-ts-pinia-vant-less.git 一、Eslint:用于......
  • Asp.Net7 与 Vue3 组成的 BFF模式
    大家好,我是没有好工作的后端开发工程师,兼云原生方向的运维,被社会毒打被迫学习前端,写文保平安。介绍BFF模式BackendForFrontend(服务于前端的后端)初看我们会感觉它是M......
  • Vue3学习(二) 全家桶,从 0 到 1 实战项目
    Vue3全家桶,从0到1实战项目 前端发展百花放,一技未熟百技出。未知何处去下手,关注小编胜百书。我是前端人,专注分享前端内容!本篇文章主要是,使用vite创建一个vue......
  • vue3学习(一)
    vue3的搭建项目及启动 1、npm和git提前安装好。新建文件夹右键,选择GitBashHere2、使用npm命令安装vue/cli,这里需要使用--force运行 npminstall-g@vue/cli-......
  • vue3引入ElementPlus实现OOS前端直传
    1.1开通OSS服务登录阿里云官网;将鼠标移至产品标签页,单击对象存储OSS,打开OSS产品详情页面;在OSS产品详情页,单击立即开通。1.2后端整合OSS实现文件上传在pom.xml中添......