![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Jiabing Yu
公主号【摆烂工程师】
展开
-
记录ElementPlus用babel-plugin-import动态导入报错问题
因为element-plus的更新,我们借用babel-plugin-import动态导入组件时才报的错误:原因element-plus的版本不一样babel-plugin-import的默认导入形式未修改(1)在"element-plus": "^1.0.2-beta.62"之前的版本所引用的库的每个组件名是以el-开头的我们的babel-plugin-import在动态引入时,是根据我们引入的组件的时候,我们组件的名称是什么,就根据名称去查找,比如ElButton就会去找 =>原创 2021-12-07 21:28:11 · 1918 阅读 · 1 评论 -
在Vue3版本封装了mapState、mapGetters 一键使用(支持模块命名)
在Vue3中,我们常常在Composition Api中使用到vuex的mapState和mapGetters,因为每次获取很麻烦所以就封装了他们,支持模块命名,一键使用,轻松上手主要实现函数:useMapper.jsimport { computed } from "vue"import { useStore } from "vuex"// 组合mapState和mapGettersexport default function(data, mapFn) { const store =原创 2021-11-26 21:13:39 · 3633 阅读 · 3 评论 -
mapState和computed结合在Vue3版本中的setup使用
简单的用法: 直接用computed (不推荐)import {computed} from "vue"import {mapState, useStore} from "vuex"export default { setup() { const store = useStore() const counter = computed(() => store.state.counter) return { counte原创 2021-11-25 12:21:34 · 4565 阅读 · 4 评论 -
记录vue-router打包优化(懒加载、分包方式)
在使用vue-router时,对路由配置打包的一些方法和问题的记录未优化的打包方式路由文件:import { createRouter, createWebHashHistory, createWebHistory } from "vue-router"import Home from "../page/Home.vue"import About from "../page/About.vue"// 配置路由规则const routes = [ {path: '/', redirect原创 2021-11-24 11:27:57 · 3337 阅读 · 0 评论