摘要: 在使用element-plus的loading加载组件时,发现了这么一个方法 引发思考: 第一行代码很好懂,创建一个ElLoading的实例,其中options时启动loading的配置项 第三行代码很好懂,关闭这个loading实例, 那么第二行这个nextTick是干什么用的呢 我们不妨反向思考 阅读全文
posted @ 2022-03-21 20:35 李白lib 阅读(2961) 评论(0) 推荐(0)
摘要: axios有一个很棒的功能,就是对请求和响应进行拦截,那么如何在我们封装的代码中添加拦截器呢 首先文章1中可以看出,我们想使用axios,只能传入一个config参数,但是文章1中的config是AxiosRequestConfig类型的,我们进入源码看一下, 没有看到interceptor相关的属 阅读全文
posted @ 2022-03-20 10:46 李白lib 阅读(379) 评论(0) 推荐(0)
摘要: 所谓封装与模块化,对我这种初学者来说,个人理解就是解耦,比如说,当我们前端一个项目使用了现在流行的模块,但是没有对其进行封装处理,包括一些相同的代码逻辑,把他们分散在各个组件当中,这样一来整个项目对于这个模块的耦合度太高.如果将来这个模块突然停止维护,或者有更好的模块将其替代,我们想要更换模块时就显 阅读全文
posted @ 2022-03-19 19:43 李白lib 阅读(549) 评论(0) 推荐(0)
摘要: 这只是在使用element-plus组件开发过程中遇到的第一个问题,后面遇到更多问题及解决方案时会再同步到博客上来 我是分割线 今天用到element-plus时,想要使用element-plus的自动导入功能,但是出现了一些问题 我们先来看官方文档给出的方法: 首先安装依赖 npm install 阅读全文
posted @ 2022-03-19 14:02 李白lib 阅读(1957) 评论(0) 推荐(0)
摘要: T:Type K,V:key和value的缩写,键值对 E:ELement的缩写,元素 O:Object的缩写,对象 阅读全文
posted @ 2022-03-17 15:46 李白lib 阅读(44) 评论(0) 推荐(0)
摘要: 传统方式 setup() { const store = useStore() //传统方式 const aName = computed(() => store.state.name) return { aName } 如果数据多一点一个一个导入就十分的不方便 我们可以使用这样一种方法 setup 阅读全文
posted @ 2022-03-13 16:46 李白lib 阅读(3020) 评论(0) 推荐(0)
摘要: 在使用 export 导出后,import 导入时需要使用花括号对应模块。使用 export default 后,可以省略花括号。且一个js模块只能有一个默认导出,因此在导入的时候可以随意命名。 但是当一个js文件导出多个特性时,需要使用大括号,并且导入时的名字和导出时需要相同 阅读全文
posted @ 2022-03-13 16:21 李白lib 阅读(316) 评论(0) 推荐(0)
摘要: RT,码一下组件的v-model,知识点太多,没听懂...,后面学完回来再仔细看看 阅读全文
posted @ 2022-03-06 21:38 李白lib 阅读(20) 评论(0) 推荐(0)
摘要: 同一个组件内可以使用,但是在不同的组件内,不要用$parents或$refs来访问另一个组件内的数据, 这会使代码的耦合性变高,同时也会让代码的可读性变差, 在不同组件访问数据时,使用props等来传递数据 阅读全文
posted @ 2022-03-06 18:28 李白lib 阅读(997) 评论(0) 推荐(0)
摘要: <!--动态组件--> <!--缓存,只缓存about和home组件--> <keep-alive exclude="about" > <component :is="currentTab" v-bind="msg"> </component> </keep-alive> 这里的v-bind:is绑 阅读全文
posted @ 2022-03-06 17:39 李白lib 阅读(119) 评论(0) 推荐(0)