近期公司项目中出现了一个bug，场景为：我们使用列表list作为循环遍历一个子组件，key值用的list的index下标，list中的每一项item作为props属性传入子组件中，如图。 在子组件中，我们以item内的值为判断标准定义了一个组件的data属性，如图。 然后我们在…

简单来说：Vue-Router本质是将url和组件建立映射关系 路由： <router-link :to="path"> 动态路由 我们每个人都有自己的主页，显示主页内容用的都是同一个组件，这时只需要

<router-link>标签中的to属性进行传参，需要您注意的是这里的to要进行一个绑定，写成:to。先来看一下这种传参方法的基本语法： 这里的to前边是带冒号的，然后后边跟的是一个对象形势的字符串. name：就是我们在路由配置文件中起的name值。 params：就是我们…

我们在开发单页面应用时，有时需要进入某个路由后基于参数从服务器获取数据，那么我们首先要获取路由传递过来的参数，从而完成服务器请求，所以，我们需要了解路由传参的几种方式，以下方式同 vue-router

没关系, 面试的时候总会问如何在Vue的实例上挂载一个方法/属性, 也就是Vue.prototype的小技巧, 但是突然有人问他俩有啥关系还真是新鲜. 我想应该是网上有文章写Vue.prototype.$xx是用法的, 但是没有说明Vue.use的用法以及Vue.prototy…

触发条件是 子组件传值到父组件之后，父组件返回出去，再一次进来之后，再使用EventBus从子组件传值到父组件，就会多一次。因为组件间切换不会有强制刷新。

在rec下新建directive文件夹，文件夹下新建index.js文件； 2. 将下面的代码粘贴到index.js文件中； 3. 在页面中直接使用就可以了，例如拖拽；在el-dialog 标签中直接

一、路由懒加载1、作用提升用户体验，提升首屏组件加载速度，解决白屏问题2、代码示例2.1未使用路由懒加载2.2使用路由懒加载二、组价懒加载1、代码示例1.1原本写法1.2组件懒加载写法三、通过线上引入

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。 一、前言 入职的第一个需求是跟着一位前端大佬一起完成的一个活动项目。 由于是一起开发，当然不