Vue3.0开发之整合vue-admin-template模板

雷逸仙
2023-12-01

起源

vue-admin-template模板算是一个比较好的前端开发模板,不过作者好像没有出vue3.0版本的,所以刚好自己在学习vue3.0,就想到开发一个vue3.0的模板,当然大部分代码都是参照vue-admin-template模板的。

目前已经完成了大部分的整合开发:vue3.0-admin-template

过程

过程无非就是copy代码,修改报错,运行起来,查看效果!!!

整个过程的难点主要是在于修改报错,vue3.0的变化,element plus的变化都是需要去了解的,然后还没有多少的资料可供参考。

总结

主要记录下整合当中感受到的变化,遇到的问题,处理的方式

  1. export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue 无法直接import vue, 要通过createapp创建
  2. vue router的addRouters方法不存在了
  3. vue3 ‘.native‘ modifier on ‘v-on‘ directive is deprecated.
  4. ‘v-slot’ directive must be owned by a custom element 处理方式:使用v-slot的元素外层包裹一个div即可
  5. “Maximum recursive updates exceeded” when updating an array with elements from a v-for function ref 处理方式:如果一个变量在for循环里面被赋值了,出了for循环之后再次被赋值就会报这个告警(不是错误),我感觉这个是框架的bug!!!
  6. Catch all routes ("*") must now be defined using a param with a custom regexp
  7. <router-view> can no longer be used directly inside <transition>
  8. element plus也存在大部分样式或者使用上的变更,需要根据element plus的文档进行对比
 类似资料: