Vue3.0新特性
- Composition Api (最核心)
- v-model更改
- v-for的key节点上的使用情况更改
- v-if和v-for对同一元素的优先级更高
- ref内部v-for不再注册引用数组
- 功能组件只能使用普通函数创建
- 异步组件需要使用
defineAsyncComponent创建方法 - 所有插槽都通过
$slots - 在
destroyed生命周期的选项已更名为unmounted - 在
beforeDestroy生命周期的选项已更名为beforeUnmount - ...
作者：前端开发小马哥
链接：juejin.cn/post/705732…
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
- reactive()————使用reactive()方法来声名我们的数据为反应性数据
- setup()方法
const state = reactive({ username: '', password: '' }) - 生命钩子
Lifecyle Hooks————Vue3 生周期钩子不是全局可调用的了，需要另外从vue中引入 - Vue3 使用计算属性，我们先需要在组件内引入
computed。使用方式就和反应性数据（reactive data）一样，在state中加入一个计算属性lowerCaseUsername: computed(() => state.username.toLowerCase()) - props 和this指向。在 Vue3 中，this无法直接拿到props属性。但是setup()方法可以接收两个参数参数
setup(props,{emit，slots，attrs})。 - 更加规范的props和emits
- watch和watchEffect
watch(() => state.count, (now, old) => { // }) -
VueRouter不能直接使用含有props的组件
