变化一:
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