Vue3.0去掉Vue2.0中的语法总结

最新推荐文章于 2023-06-02 17:23:59 发布
最新推荐文章于 2023-06-02 17:23:59 发布
阅读量746 收藏
点赞数
分类专栏： Vue3 文章标签： 前端 javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38492231/article/details/127462168
版权

vue3.0对于vue2.0的版本大部分语法都是可以兼容使用的，但是有些破坏性语法的更新

1、Vue2 $once , $on , $off这些组件实例，Vue3把这些去除掉了，建议使用第三方的库（mitt）去替换

2、移除过滤器选项(插值表达式里不能在使用过滤器filter，可以使用methods替代)

3.、移除.sync语法（v-bind不能在使用.sync修饰符了，现在和v-model语法合并了）

草潮张学友
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
探索 Vue-Tap：一个轻量级的手势识别库
gitblog_00022的博客
04-16 341
探索 Vue-Tap：一个轻量级的手势识别库 项目地址:https://gitcode.com/MeCKodo/vue-tap Vue-Tap 是一款专为 Vue.js 开发者打造的轻量级手势识别插件，它使得在 Vue 应用中处理点击和触摸事件变得简单而直观。本文将深入探讨 Vue-Tap 的功能、技术实现、应用场景及其独特优势，以期鼓励更多的开发者将其引入到日常开发工作中。 项目简介 Vue-T...
Web前端Vue2.0 + Vue3.0 全套入门到精通教程
10-20
Web前端Vue2.0 + Vue3.0 全套入门到精通教程
Vue3关闭Vue2中的options选项API
m0_51431448的博客
05-05 2701
Vue3兼容Vue2，也就是说咱们在Vue3的项目中，同样可以使用Vue2的options选项api，这也是Vue3的默认其行为，但是我认为既然选择使用了Vue3为什么要去写v2中的选项api呢，如果你非得要写，倒不如直接使用vue2了，并且对v2写法更加熟悉 在Vue3中将Vue2中的optionsAPI关闭了之后，打完之后的包体积确实变小了 下面介绍如何关闭，其实非常简单 我这里是使用的vite搭建的，只需要在vite.config.js中设置如下： define: { __VUE_OPT
谈谈vue2.0和vue3.0区别在哪里
are_gh的博客
08-04 573
结构部分 程序主入口文件 main.js vue2.0 import Vue from 'vue' import App from './App.vue' import router from "./router" import store from "./store" new Vue({ store, router, render: h => h(App), }).$mount('#app..
vue3和vue2的使用差异语法差异比较（逐步完善中。。）
weixin_40922551的博客
05-18 1035
vue3和vue2语法差异比较总结
Vue（五）：2.0语法转3.0、setup函数、reactive函数、ref函数、isRef和toRefs方法、路由配置
Start_Simple的博客
03-14 1308
依赖Composition API、菜单分栏子路由
Vue3和Vue2对比，我们如何选用？
SunFlower914的博客
01-12 1万+
Vue3带来的新变化 性能提升（零成本：从vue2切到vue3就享受到） 首次渲染更快，diff算法更快，内存占用更少，打包体积更小，.... 更好的Typescript支持（在vue下写TS更方便了） 提供新的写代码的方式：Composition API （需要学习成本） 这些Vue2.0的语法不能用了 vue3.0对于2.0版本的大部分语法都是可以兼容的（之前是怎么写的，现在也正常写），但是也有一些破坏性的语法更新，这个大家要格外注意 1.移除了vu...
进来看看，这些知识要知道，vue3.0的语法与vue2.x有什么不同
曹豆芽
04-05 733
vue3.0与vue2.x不同，你可以知道 小编最近在用vue3.0去写项目，也总结了一些关于vue2.x和vue3.0的一些区别. vue3.0对vue的主要3个特点：响应式、模板、对象式的组件声明方式，进行了全面的更改，底层的实现和上层的api都有了明显的变化，基于Proxy重新实现了响应式，基于treeshaking内置了更多功能，提供了类式的组件声明方式。 在vue2.x如何去使用vue3...
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0后台管理系统
05-02
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+...
Vue 3.0中jsx语法的使用
01-21
Vue 3.0 中尤大使用的了新的编译工具 vite，革了 webpack 的命:face_with_tears_of_joy:。尝试看了下文档，发现支持 jsx 语法，由于这段时间都是在使用 react 来开发项目，jsx 完全不同的体验，更加的纯粹与灵活。 ...
Vue学习笔记——【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通-哔哩哔哩】 https://b23.tv/
08-14
Vue学习笔记——【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通-哔哩哔哩】 https://b23.tv/
vue自定义tap指令及tap事件的实现
10-18
Vue提供自定义实现指令的功能, 和组件类似,可以是全局指令和局部指令,这篇文章主要介绍了vue自定义tap指令及tap事件的实现 ,需要的朋友可以参考下
Vue3.0与Vue2.0的区别（超详细）
10-05
Vue3.0与Vue2.0的区别（超详细）
为什么Vue2和Vue3语法不可以混用
Clover ‘s Blog
03-16 1557
为什么Vue2和Vue3语法不可以混用
Vue3.0相对 Vue2.0的主要语法改变
李大人的博客
04-12 3596
Vue3.0的时代已经到来，为了紧追时代的步伐，学习 Vue3.0是势在必行的，在学习过程中，发现 Vue3.0相对于 Vue2.0，在语法上的改动并不是很大，为了巩固学习和便于日后复习，我特意总结一下Vue3.0相对 Vue2.0的主要语法改变。 1、ref 属性的定义 ref 是用于获取组件对象或者元素对象，在 Vue2.0中传入的是一个字符串，然而，在 Vue3.0中可以定义一个函数，函数的参数是接收到组件对象或者是元素对象，所以在使用过程中，可以自定义变量在函数中接收ref 的对象。如下例，用.
vue2与vue3的不同之处
yxy831524yxy的博客
10-06 928
proxy与defineproperty的区别 vue的数据劫持有两个缺点: 无法监听通过索引修改数组的值的变化 无法监听object 也就是对象的值的变化 所以vue2.x中才会有$set 属性的存在 proxy是 es6中推出的新 api，可以弥补以上两个缺点，所以 vue3.x版本用 proxy 替换object.defineproperty。 Vue 的响应式原理中 Object.defineProperty 有什么缺陷? Object.defineProperty 无法监控到数组下标的变化，
vue2中vue3弃用的一些特性和API
m0_62018311的博客
06-02 1488
需要注意的是，虽然Vue 3移除了一些特性和API，但是大部分Vue 2的代码仍然可以在Vue 3中运行。10. $dispatch和$broadcast方法：在Vue 3中，$dispatch和$broadcast方法被移除了。6. $scopedSlots属性：在Vue 3中，$scopedSlots属性被重命名为$slots。5. $listeners属性：在Vue 3中，$listeners属性被移除了。9. $on和$once方法：在Vue 3中，$on和$once方法被移除了。
vue @tap事件之$event用法
热门推荐
qq_39757382的博客
11-01 2万+
html   <span class="cha mui-badge mui-badge-success fr font14" @tap="Isinspect('普通参数',$event)">查岗</span>   js端： function Isinspect(a,event) {       console.log(JSON.stringify( event.d...
vue 组件的三种传值方式
lujingjing567的博客
05-15 1501
一、父传子关键词：添加属性 props<body> <div id="edd"> <v-fa></v-fa> <v-box> </v-box> </div> <template id="father">
vue3.0和vue2.0的主要区别
最新发布
01-22
1. 性能提升：Vue 3.0在性能方面进行了优化，通过使用Proxy代理对象替代了Vue 2.0中的Object.defineProperty来实现数据响应式，提高了性能和效率。 2. 体积优化：Vue 3.0在体积方面进行了优化，通过使用模块化的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值