1、props 父传子的属性，props 值可以是一个数组或对象; // 数组:不建议使用 props:[] // 对象 props:{ inpVal:{ type:Number, //传入值限定类型 // type 值可为Str ...

定义Vue组件 什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可； 组件化和模块化的不同： 模块化： 是从代码逻辑的角度进行划分的 ...

内容：计算属性、过滤器、过渡动画、组件 生命周期、vue-cli脚手架和组件传值 一、计算属性 1.基本使用 computed，当我们的页面上需要频繁地进行数据运算时，我们需要用到计算属性。 (1)计算属性的变量名可以不在data ...

内容：生命周期、vue-cli脚手架、组件传值 购物车bug解决： watch中改变了每一个商品的选中状态，此时，计算属性也会重新执行，造成数据冲突。 解决办法：把监听去掉，给全选增加一个单独的点击事件 checkAll(){ th ...

内容：全局过滤器和组件、组件进阶、路由 一、全局过滤器 在/src/main.js中Vue实例化之前进行定义 Vue.filter('过滤器名称',function(形参){ ... return 结果 }) 定义好的全局过 ...

内容：生命周期、路由 一、生命周期 1.页面渲染期 constructor 构造函数 UNSAFE_componentWillMount 组件将要挂载 re ...

在前端项目开发的时候，往往逃不开组件之间传值这种操作。常见的几种场景，父子组件、非相关组件。 大家都知道使用redux就能搞定所有的问题，redux是一个全局状态管理，可以把所有的数据放在一个单独的地方在使用的时候直接拿来用；就相当于一个数 ...

前提: vue 组件懒加载 ()=>import()这种方式引入组件首次加载不触发，A组件emit,B组件on,当A组件触发事件加载B组件时，因为B组件还未加载，自然this.$root.bus.$emit监听不到 ...