摘要：
项目里经常会用到，在一个多选下拉框里新增一个选择所有的选项，例如: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsde 阅读全文
摘要：
第一次写博客，坚持了一个多月时间，Vue源码分析基本分析完了，回过头也看也漏了一些地方，比如双向绑定里的观察者模式，也可以说是订阅者模式，也就是Vue里的Dep、Watcher等这些函数的作用,网上搜一下讲解也挺多的，这些知识点也是很重要的，对于阅读源码的同学这一块务必要花点时间学一下 还有一个挺重 阅读全文
摘要：
当使用is特性切换不同的组件时，每次都会重新生成组件Vue实例并生成对应的VNode进行渲染，这样是比较花费性能的，而且切换重新显示时数据又会初始化，例如: 渲染结果为: 控制台输出: 当我们在输入框输入内容后再点击切换将切换到B组件后控制台输出: 然后再次点击切换，将显示A组件，此时控制台输出: 阅读全文
摘要：
函数式组件比较特殊，也非常的灵活，它可以根据传入该组件的内容动态的渲染成任意想要的节点，在一些比较复杂的高级组件里用到，比如Vue-router里的<router-view>组件就是一个函数式组件。 因为函数式组件只是函数，所以渲染开销也低很多,当需要做这些时，函数式组件非常有用: 程序化地在多个组 阅读全文
摘要：
对于过度动画如果要同时渲染整个列表时，可以使用transition-group组件。 transition-group组件的props和transition组件类似,不同点是transition-group组件的props是没有mode属性的，另外多了以下两个props tag 标签名 moveCl 阅读全文
摘要：
transition组件可以给任何元素和组件添加进入/离开过渡，但只能给单个组件实行过渡效果(多个元素可以用transition-group组件，下一节再讲)，调用该内置组件时，可以传入如下特性: name 用于自动生成CSS过渡类名 例如:name:'fade'将自动拓展为.fade-enter， 阅读全文
摘要：
当我们的项目足够大，使用的组件就会很多，此时如果一次性加载所有的组件是比较花费时间的。一开始就把所有的组件都加载是没必要的一笔开销，此时可以用异步组件来优化一下。 异步组件简单的说就是只有等到在页面里显示该组件的时候才会从服务器加载，不显式的话就不会加载，这样即可提高客户端的访问速度也可以降低对服务 阅读全文
摘要：
普通的插槽里面的数据是在父组件里定义的，而作用域插槽里的数据是在子组件定义的。 有时候作用域插槽很有用，比如使用Element-ui表格自定义模板时就用到了作用域插槽，Element-ui定义了每个单元格数据的显示格式，我们可以通过作用域插槽自定义数据的显示格式，对于二次开发来说具有很强的扩展性。 阅读全文
摘要：
我们定义一个组件的时候，可以在组件的某个节点内预留一个位置，当父组件调用该组件的时候可以指定该位置具体的内容，这就是插槽的用法，子组件模板可以通过slot标签(插槽)规定对应的内容放置在哪里，比如: 渲染结果为: 对应的html节点如下: 引用AppLayout这个组件时，我们指定了header和f 阅读全文
摘要：
除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。 官网介绍的比较抽象，显得很高大上，我个人对自定义指令的理解是:当自定义指令作用在一些DOM元素或组件上时，该元素在初次渲染、插入到父节点、更新、解绑时可以执行一些特定的操作(钩子函数() 自定义指令有两 阅读全文