关于vue3:Vue30对比Vue20的不同之处

27次阅读

共计 592 个字符,预计需要花费 2 分钟才能阅读完成。

1.v-model语法糖废除,改用 modelValue

<input v-model="value" />

<input modelValue="value" />

2. 弃用全局 API new Vue , 应用 createApp

const app = Vue.createApp({})

3. 弃用Vue.prototype, 在 Vue3 中,咱们能够应用如下定义形式

const app = Vue.createApp({})
app.config.globalProperties.$http = () => {}

4. 全局办法当初全副在 app 实例上,例如:

`app.directive`,`app.use` 等

5. 当初你须要手动挂载根节点

app.mount("#app")

6. 不能再应用Vue.nextTick/this.$nextTick,Vue3 中你能够用:

import {nextTick} from 'vue'
nextTick(() => {// something})

7.Vue3 容许 template 设置key

8. 正式弃用 scopedSlots 正式弃用,旧的不去新的不来。

9. 监听数组变动须要应用 deep 属性,否则只能监听到整个数组被替换。

10. 弃用$children,拜访子组件能够应用$ref

11.filter被移除,我 X,不能再应用 | 了。

12. 移除事件 API,$on,$once,$off不再应用。EventBus办法也不再应用。

正文完
 0