Vue3较于Vue2的改变

data选项应始终被声明为一个函数。

1.过度类名的更改：

• Vue2.x写法

.v-enter,
.v-leave-to{opacity:0;}
.v-leave,
.v-enter-to{opacity:1;}

• Vue3.x写法

.v-enter-from,
.v-leave-to{opacity:0;}
.v-leave-from,
.v-enter-to{opacity:1;}

移除keyCode作为v-on的修饰符，同时也不再支持config.keyCodes

移除v-on.native修饰符

Vue3替代原生点击事件（v-on.native）的方式是如下写法，在子组件emits:['close'],父组件可以直接触发事件

• 父组件中绑定事件

<my-component
    v-on:close="handleComponentEvent"
    v-on:click="handleNativeClickEvent"
>

子组件中声明自定义事件

<script>
    export default{
        emits:['close']
    }
</script>

移除过滤器（filter）

过滤器虽然看起来方便，但它需要一个自定义语法，打破大括号内表达式式“只是JavaScript”的假设，这不仅有学习成本，而且有实现成本！建议用方法调用或计算属性去替换过滤器