回顾目标 数据驱动视图： 理解watcher、dep、observer这三个对象之间的关系 这和VUE对象又有什么关系？ 这和视图又有什么关系？ 叙述过程 先彻底理解了一下VUE的简介，并写出了一份建议书。关键词有渐进式、自底向上逐层应用、 ...

keep-alive是Vue.js的一个内置组件。它能够不活动的组件实例保存在内存中，我们来探究一下它的源码实现。 首先回顾下使用方法 举个栗子 </c ...

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

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

闭包以及应用场景 作用域 作用域决定了代码区块中变量、函数、对象和其他资源的可见性 全局作用域、函数作用域和块级作用域 let 和 const 声明的变量不会提升到代码块顶部。 在同一作用域内，禁止重复声明 for 循环中，设置循环变量那部 ...

认识组件化 如果我们将一个页面中所有的处理逻辑全部放在一起，处理起来就会变得非常复杂，而且不利于后续的管理以及扩展。 但如果，我们讲一个页面拆分成一个个小的功能块，每个功能块完成属于自己这部分独立的功能，那么之后整个页面的管理和维护就变得非 ...

slot基本使用 在子组件中，使用特殊的元素就可以为子组件开启一个插槽。 该插槽插入什么内容取决于父组件如何使用。 我们通过一个简单的例子，来给子组件定义一个插槽： 中的内容表示，如果没有在该组件中插入任何其他内容， ...

表单数据处理是一个项目中的必不可少的内容，编写表单组件是完成复杂项目基础。本文深入整理了Vue制作表单组件的各个方面，为后续制作复杂表单组件打好基础。 处理简单数据类型 基本方法 Vue中用prop从父组件向子组件传递数据。 下面是一个简 ...

阅读element-ui源码，发现在设计子组时件用到了inject属性，随即查了一下官方文档，得知vue在2.2.0版本里新增了provide / inject： provide 和 inject 主要在开发高阶插件/组件库时使用。并不推荐 ...

今天针对vue-router官网进阶部分的知识点进行了检漏学习，里面有一些是之前不了解的（竟然还可以这么玩？），也有一些知识虽然之前了解，但是发现官网提供的例子真香，书写方式很高雅，所以记录一下。 一、导航守卫 二、路由元信息 三、基于路由 ...