vue3总结

142 阅读1分钟
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的生命周期是什么呢?
  1. beforeCreated setup Created onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnMount
  2. 加了个setup函数.和以前比少了methods。逻辑可以写在一起,不分散。
vue3有什么其他的新东西吗?
  1. teleport传送门,子组件中的元素会被限定在DOM中,用TELEPORT就可以在DOM任何地方现实了,使用场景,对话框组件。

  2. mitt.js 原理是eventbus,用于在组件之间调用,分发事件

  3. 新的API,ref,reactive。compute,watch用法不一样了,有watchEffect不用指定变量,直接写,交互比较简单一点。

  4. main.js的配置可以分别配置