vue3 学习笔记 —— 可重用性

83 阅读1分钟
  1. 如何写一个自定义指令?
    1. 在图中对应的生命周期函数中插入逻辑代码,然后把directive挂在到目标组件或者应用上面,就可以使用了
    2. 如果自定义指令的mounted hook中的逻辑和updated中的逻辑相同并且其他hook不做任何的处理,那么directive可以简写成一个函数
    3. 注意:尽量避免自定义指令,尽可能的使用vue自带的指令,一方面原因是自带指令执行效率比较高,另一方面自定义组件对于ssr更友好一些
  2. 有用到过哪些自定义插件?
    1. vue router
    2. vue-i18n
    3. vuex
  3. 组合式API是什么?
    1. 组合式API是一些列API的集合,其中包含了生命周期函数,响应式API以及依赖注入的API,可以提升我们的代码的复用性和灵活性
    2. 组合式API的灵感来自于React里面的Hook,同时也解决了一些React Hook中的一些痛点,比如说:调用顺序以及一些地方必须使用useMemo或者useCallback以提升性能