VUE踩坑记录

1.vue import FunName from ‘../xxx’ 1.js export defualt function FunName() { return fetch({ url: '/article/list', method: 'get' }); } 2.vue import {xxx} from ‘../xx...

工程结构 组件化 创建了两个vue组件chatcom、userlistcom 在App.vue中将这两个组件导入 值传递 点击右侧用户列表，点击事件会触发父组件App中的方法，并传递索引值。 父组件中的对应方法，会从用户列表中查询相关信息，并更改当前聊天对象chatTargetInfo。 子组件chatcom由于绑定了父组件的chatTargetInfo，所以会同步改变聊天对象姓名。 chatcom.vue <template> <div class="chat">

beforeRouteUpdate（导航守卫），我们在面对多个id不同的用户的时候，我们会用同一个User组件去渲染他们，只是通过不同的id去请求对应的用户信息，通常我们会做成动态路由，使用动态路径参数来实现，像下面这样 const router = new VueRouter({ routes:[ {path:'/user/:id',component:User} ] }) 这样子的话不管是id为12332432，还是id为787864的用户，都会映射到相同的路由（’/user/:id’），.

Vue scoped 踩坑记录 Vue scoped 样式局部作用域 通过vue给每个类名转换 从而保证不重复 当我们在vue组件里写样式时 如果不加 scoped 会照成全局污染 打包后可能会照成 样式错乱（今天就遇到了 解决方法 给用到样式的 都加上了scoped 属性） ...

proxy的changeOrigin如果设置为false：请求头中host仍然是浏览器发送过来的host；如果设置成true：发送请求头中host会设置成target。设置代理，并把changeOrigin设为true。允许axios请求携带cookie等凭证。

这是因为在请求安装 vuejs devtools 插件。需要和谐上网才能安装成功。如果不能和谐上网也没关系，​​​直接断网​​​，断网后会快速跳过该步骤，等building完成后恢复联网即可。简单的解决方法：​​​直接断网​​​。2. 下载后尝试运行窗体（未打包）1. 在项目根目录运行。

1，引入组件时，需要注意 import locale from 'element-ui/lib/locale/lang/zh-CN' // en是英文 zh-CN是中文 这关乎到使用组件时，默认显示的时汉字还是英文，比如分页 2，分页中pager-count要求的时奇数，所以如果设置偶数，就会报错 ...

记录下这个巨坑（实质上是正则表达式错误，如果已知问题，想看如何解决直接跳到最后）

VUE出现component注册了但是未使用报错 https://blog.csdn.net/huzhenv5/article/details/104015182 “vue/no-unused-components”: “off”

VUE中splice函数的三种用法

https://blog.csdn.net/larpland/article/details/101349586

VUE中函数式编程-filter和reduce函数用法 filter函数自动过滤对象的所有元素，返回true才会存入指定对象 Reduce函数对数组内部的所有元素进行汇总，特点preValue

VUE中src写Img地址，服务器识别不了 使用require导入图片 headerimg:require("./assets/img/1.jpg") 只有require才能被浏览器识别出来