自从Vue—next2020年9月18日发布的vue3.0版本,发展至今,现在主流的组件库基本都已经发布了支持vue3.0的版本,其他的生态也在不断的完善中,这两年随着Vue3的不断发展俨然已经成为了国内最火的前端框架之一,那Vue3相比较之前的其他版本的都有了什么新变化,添了什么新功能呢?这里做一个简单的总结,当然也有部分文档的传送门。
Vue3都有哪些显著的新功能
Vue3中值得关注的一些新功能包括:
第一,Composition API 组合式API,中文叫组合式API。
第三,Teleport。
第四,Fragments。
第六,应用 @vue/runtime-core 的 createRenderer API来创建自定义的渲染器。
第八,Suspense,目前还是实验性的。
其中,第一、第二、第五、第六在 Vue2.7 中也获得了全部或部分支持。
Vue3有哪些新的框架级建议呢?
Vue 3的支持库已经进行了重大更新。比如:
- 新版本的 Router、Devtools 和测试工具,支持Vue 3
- 构建工具链: 由 Vue CLI 升级为 Vite
- 状态管理: 由 Vuex 升级为 Pinia
- IDE支持: 由 Vetur 升级为 Volar
- 新的命令行TypeScript支持: vue-tsc
- SSG: 由 VuePress 升级为 VitePress
- JSX: 由
@vue/babel-preset-jsx升级为@vue/babel-plugin-jsx
Vue3 全局API有哪些颠覆性的变化?
Vue3相较Vue2,有很多颠覆性的变化,升级的时候一定要注意的,就全局API 而言,有:
Vue3 模板指令有哪些颠覆性变化?
Vue3在模板指令上有很多颠覆性变化,升级时要留意,比如:
v-bind="object" 现在是顺序敏感的
v-on:event.native 修饰符已被移除
Vue3 组件有哪些颠覆性变化?
Vue3在组件上有很多颠覆性变化,升级时要留意,比如:
- [单文件组件(SFC)
Vue3 渲染函数有哪些颠覆性变化?
Vue3在渲染函数上有很多颠覆性变化,升级时要留意,比如:
$listeners 已被移除,合并到了 $attrs中
$attrs现在包含 class 和 style 属性
Vue3 自定义元素有哪些颠覆性变化?
Vue3在自定义元素有很多颠覆性变化,升级时要留意,比如:
Vue3 还有啥颠覆性的小变化?
Vue3还有很多颠覆性的小变化,升级时要留意,比如:
destroyed生命周期选项已被更名为unmounted
beforeDestroy生命周期选项被改名为beforeUnmount
- 没有特殊指令的
<template>标签,这些标签如 (v-if/else-if/else,v-for, orv-slot) ,现在被视为普通元素。这将导致原始的<template>元素被渲染出来。
现在关于Vue3 的新功能,大颠覆,小变化现在你都了解了么?