下栽ke呈:【2022版】Vue3 系统入门与项目实战
全局Vue API已更改为使用应用程序实例。 Vue 2.x有很多全局API和配置,可以全局改变Vue的行为。比如创建一个全局组件,可以用Vue.component定义一个组件;您可以使用Vue.directive来声明一个全局指令。这种申报方式虽然方便,但也会导致一些问题。例如,在测试过程中,全局配置很容易意外污染其他测试用例;全局配置使得同一页面上的多个“应用程序”只能共享一份Vue。为了避免这些问题,Vue 3中引入了一个新的全局API:createApp。 组件上的v-model的用法已更改为支持多个属性的双向绑定,例如v-model.title="title " 同一元素上使用的v-if和v-for的优先级已更改。当v-if和v-for同时用在2.x版的元素上时,v-for优先。在3.x版本中,v-if始终优先于v-for。 V-bind="object "现在排序是敏感的。 在3.x中,功能组件2.x的性能提升可以忽略不计,官方推荐只使用有状态组件。单个文件组件(SFC)中的功能属性已被删除;{functional: true}选项在通过函数创建组件时被删除。因此,只能使用普通函数来创建功能组件。 异步组件需要使用defineAsyncComponent来定义。 2.6碎片 在vue2.x中,一个组件只能有一个根节点,而在vue3.0中,取消了只能有一个根节点的限制。这种改变可以极大地优化html文档结构。
2.7其他变更 自定义指令API已更改,以与组件生命周期保持一致。 一些转换类名被改变,转换类名v-enter被改变为v-enter-from,转换类名v-leave被改变为v-leave-from。 单组件组合API语法Sugar()