前端系列十二:Vue3较Vue2的变化

31 篇文章 1 订阅
22 篇文章 0 订阅

变化一:

is属性仅限于用在component标签上,以前Vue2时v-is可以写在标签里面,
最终写在

    .component("row",{
    props:["data"],
    template: "<tr><td>{{this.data}}</td></tr>"
    })

变化二:

底层api变化,不影响多数开发者

比如底层一些遇到传进来的值是undefine 或者没有值该怎么处理,是true还是flase,还是删除。

变化三:

动画里
    v-enter 变成 v-enter-from 
    v-leave 变成 v-leave-from 

变化四:

KeyCode 作为 v-on 修饰符被移除

    vue2中可以使用keyCode指代某个按键,vue3不再支持

    vue2写法:
        <input v-on:keyup.13="submit" />

    vue3写法:
        <input v-on:keyup.enter='submit'>

$on,$off and $once 移除

    上述3个方法被认为不应该由vue提供,因此被移除了,可以使用其他三方库实现。

    <script src="https://unpkg.com/mitt/dist/mitt.umd.js"></script>

写法:

    //创建emitter
    const emitter = mitt( )

    //发送事件
    emitter.emit('foo','fooooooo')

    //监听事件
    emitter.on('foo', msg => console.log(msg))

变化五:

Vue3加Vite项目中安装路由
        
    npm : npm i vue-router@next
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值