1.vue3的优点,为什么要用Vue3?
vue3打包速度更快,对typescript支持更高,采用了组合式API,还可以使用vue hook来复用逻辑。 逻辑点可以写在一起,不会导致关注点分离。
2.vue hook如何定义?
首先定义一个ts,export defalut1定义一个hook,hook中定义一些state,方法等等。
3.对typescript了解多少?vue3对typescript的支持在哪些方面
typescript执行静态类型检查,因为javascript定义变量可以随意切换类型,让维护代码的成本更高了。
TS常用点:定义接口,定义变量类型,函数类型,函数返回类型
typescript定义变量首先定义变量类型
eg: const a=ref<string>('abxc') const b=ref<string []>([]) const c=ref<number>(0)
interface Cparams={page:number ,size:number}
const params=reactive<Cparams>({page:1,size:10})
const func=(age:number):number=>{ return age++}
vue3的生命周期是什么呢?
- beforeCreated setup Created onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnMount
- 加了个setup函数.和以前比少了methods。逻辑可以写在一起,不分散。
vue3有什么其他的新东西吗?
-
teleport传送门,子组件中的元素会被限定在DOM中,用TELEPORT就可以在DOM任何地方现实了,使用场景,对话框组件。
-
mitt.js 原理是eventbus,用于在组件之间调用,分发事件
-
新的API,ref,reactive。compute,watch用法不一样了,有watchEffect不用指定变量,直接写,交互比较简单一点。
-
main.js的配置可以分别配置