全局API的转移
Vue 2.x有许多全局API和配置。例如:注册全局组件、注册全局指令等。
Vue.component():注册全局组件
Vue.directive():注册全局指令
Vue3.0中对这些API做出了调整:
- 将全局的API，即:Vue.xxx调整到应用实例( app )上
| 2.x全局API( vue ) | 3.x实例API ( app) |
|---|---|
| Vue.config.xxxx | app.config.xxxx |
| Vue.config.productionTip | 移除 |
| Vue.component | app.component |
| Vue.directive | app.directive |
| Vue.mixin | app.mixin |
| Vue.use | app.use |
| Vue.prototype | app.config.globalProperties |
data
Vue3.0的data选项应始终被声明为一个函数。
过渡类名的修改
| vue2 | vue3 |
|---|---|
| v-enter | v-enter-from |
| v-enter-to | v-enter-to |
| v-leave-to | v-leave-to |
| v-leave | v-leave-from |
keyCode
移除keyCode作为v-on 的修饰符，同时也不再支持config.keyCodes
v-on.native
移除v-on.native修饰符.
父组件给子组件绑定的事件默认都是原生事件，如果子组件使用emits进行接收就说明该事件是自定义事件。