ddddd3332134的博客

element-ui的Tree组件无法在收起来的时候把子栏目也折叠，无法满足需求，所以想自己封装一个。遇到了一个问题就是，父组件传递给子组件的值是数组里嵌套着对象，直接在子组件里修改数据，预想中的子栏目折叠没有出现，树形组件毫无变化。尝试了多种方法后，最终得到一个较好的方法，有如下优点：页面响应快速，不会等待请求更新数据 当数据存在时不会重复发送请求具体做法：在created生命周期发送第一次请求 把请求到的数据存储在vuex里 子组件里props里的默认值为vuex里的值或者不用设

设置淘宝镜像由于npm的服务器在国外，所以一般建议将npm设置成国内的淘宝镜像//设置淘宝镜像地址npm config set registry https://registry.npm.taobao.org/ //查看镜像地址npm config get registry

//第一种 采用拼接字符串的方法传递动态参数:to="/article/+article.art_id"//第二种 采用模板字符串的方法传递参数:to="`/article/${article.art_id}`"//第三种 采用传递对象的方法传递参数:to="{//根据路由名称进行跳转name:'article',params:{//属性名 路由路径中设计的动态参数名称articleId:article.art_id}"...

​hight(text) { const hightlight = `<span style="color: red">${this.searchText}</span>`; // 如果需要根据数据变量动态的创建正则表达式则手动new RegRxp const reg = new RegExp(this.searchText, "gi"); return text.replace(reg, hightlight); },字

社交头条项目复盘项目初始化一级目录一级目录项目初始化第一步：使用Vue CLI创建项目tip：脚手架需要全局安装。第二步：加入Git版本管理第三步：调整初始目录结构关闭eslint代码风格检测：在vue.config.js文件增加如下配置module.exports = defineConfig({ lintOnSave: false,});新增API目录：存储项目中的接口请求模块。便于统一管理以及维护。新增utils目录，作为工具模块，比如axios请求模块。styles目录

采用index方式防止出现重复密钥报错！例：v-for=’’(obj,index) in List’’ :key=“index”