Vue3中相对Vue2的变化API

1. Vue2全局API的调整

全局API也就是Vue.xxx的调整

2.X 全局API	3.X 实例API
Vue.config.xxx	app.config.xxx
Vue.config.productionTip	移除
Vue.component	app.component
Vue.directive	app.directive
Vue.mixin	app.mixin
Vue.use	app.use
Vue.prototype	app.config.globalProperties

2. 其他改变

1. data选项始终都是一个函数了

2. 过渡类名的更改：

   • 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;
   }

3. 移除keyCode作为v-on的修饰符, 同时也不再支持config.keyCodes，比如13表示回车，现在不能用13了，keyCodes不再支持也就是不能再给按键取别名了

4. 移除v-on:native修饰符 组件中可以直接使用原生事件了

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

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