北风几吹夏

摘要： 首先，我们看一下官方解释 避免 v-if 和 v-for 用在一起 为什么？ 当 Vue 处理指令时，v-for 比 v-if 具有更高的优先级。 哪怕我们只渲染出一小部分用户的元素，也得在每次重渲染的时候遍历整个列表，不论活跃用户是否发生了变化。 假如有一个列表，循环了10次的数据，每一次，都需要 阅读全文

摘要： 父子组件通信 父->子props，子->父 $on、$emit 获取父子组件实例 $parent、$children Ref 获取实例的方式调用组件的属性或者方法 Provide、inject 官方不推荐使用，但是写组件库时很常用 兄弟组件通信 Event Bus` 实现跨组件通信 `Vue.pro 阅读全文

摘要： 运行 npm run build命令打包之后发现多了很多.map文件，占体积最大 搜索之后发现 map文件的作用：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。 有了map就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。 解决办法：去conf 阅读全文

摘要： 最近在Vue项目开发的过程中遇到一个问题，那就是在点击同一个路由操作的时候，控制台会报错误提示。 它的提示是避免到当前位置的冗余导航。 简单来说就是重复触发了同一个路由。 const originalPush = VueRouter.prototype.push; VueRouter.prototy 阅读全文

摘要： 1.找到npm安装目录下的npm.cmd, 2.将npm.cmd中的"prefix -g"修改为"prefix --location=global",保存 阅读全文

摘要： 在win10 下安装yarn后，在终端中运行yarn命令的时候会出现： 解决方法 1：搜索powershell，以管理员方式运行powershell 2：使用命令更改计算机的执行策略 执行： set-ExecutionPolicy RemoteSigned 阅读全文

摘要： ... <input type="text" id="input"> ... var input = document.getElementById("input") // 防抖的函数 function bebounce(delay,callback){ let timer return funct 阅读全文

摘要： vue2.x的响应式 实现原理： 对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。 数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。 Object.defineProperty(data, 'count', { g 阅读全文

摘要： 插槽 作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于 父组件 > 子组件 。 分类：默认插槽、具名插槽、作用域插槽 使用方式： 默认插槽： 父组件中： <Category> <div>html结构1</div> </Category> 子组件中： <templa 阅读全文

摘要： 1.Vue中常用的按键别名： 回车 ⇒ enter 删除 ⇒ delete (捕获“删除”和“退格”键) 退出 ⇒ esc 空格 ⇒ space 换行 ⇒ tab (特殊，必须配合keydown去使用) 上 ⇒ up 下 ⇒ down 左 ⇒ left 右 ⇒ right 2.Vue未提供别名的按键 阅读全文