vue3实践产生的问题及解决

260 阅读1分钟

如题,vue3大势所趋,新项目用了v3,踩了一些坑,分享一下。

1,element-plus,组件按需引入和图标各是各,按需引入在vue.config.js,图标引入在main.js。

2,element-plus,组件默认英文,<el-config-provider 用这个组件包裹,设置中文。

3,element-plus按需引入,ElLoading、ElMessage、ElNotification、ElMessageBox样式丢失;引入了 unplugin-element-plus这个插件。

4,el-button 点击按钮之后颜色改变, 这个是按钮获得了焦点,多了一个焦点的样式;解决方法,1是手动失去焦点,2是覆盖默认的焦点样式。

5,pinia持久化。把vuex换成了pinia,面对刷新页面数据丢失,用了pinia-plugin-persist这个插件。

6,动态路由实现。路由要一条一条加入。 addRoute()

7,左侧导航栏,多层级嵌套。组件递归调用自己,

8,祖孙组件通信。$attrs;import { useAttrs } from "vue";