Vue.js 源码分析(二十七) 高级应用 异步组件 详解
当我们的项目足够大，使用的组件就会很多，此时如果一次性加载所有的组件是比较花费时间的。一开始就把所有的组件都加载是没必要的一笔开销，此时可以用异步组件来优化一下。 异步组件简单的说就是只有等到在页面 ...
原文：Vue.js 源码分析(二十五) 高级应用 插槽 详解
我们定义一个组件的时候，可以在组件的某个节点内预留一个位置，当父组件调用该组件的时候可以指定该位置具体的内容，这就是插槽的用法，子组件模板可以通过slot标签 插槽 规定对应的内容放置在哪里，比如: 渲染结果为: 对应的html节点如下: 引用AppLayout这个组件时，我们指定了header和footer这两个插槽的内容 对于普通插槽来说，插槽里的作用域是父组件的，例如父组件里的 lt h s ...
2019-07-17 12:29 0 553 推荐指数：
相关推荐
Vue.js 源码分析(二十八) 高级应用 transition组件 详解
transition组件可以给任何元素和组件添加进入/离开过渡，但只能给单个组件实行过渡效果(多个元素可以用transition-group组件，下一节再讲)，调用该内置组件时，可以传入如下特性: ...
Vue.js 源码分析(二十九) 高级应用 transition-group组件 详解
对于过度动画如果要同时渲染整个列表时，可以使用transition-group组件。 transition-group组件的props和transition组件类似,不同点是transition-g ...
ABP源码分析二十五：EventBus
IEventData/EventData: 封装了EventData信息，触发event的源对象和时间 IEventBus/EventBus: 定义和实现了了一系列注册，注销和触发事件处理函数的方法 ...
Vue.js 源码分析(三十) 高级应用 函数式组件 详解
函数式组件比较特殊，也非常的灵活，它可以根据传入该组件的内容动态的渲染成任意想要的节点，在一些比较复杂的高级组件里用到，比如Vue-router里的<router-view>组件就是一个函数式组件。 因为函数式组件只是函数，所以渲染开销也低很多,当需要做这些时，函数式组件非常有 ...
Vue.js 源码分析(十五) 指令篇 v-bind指令详解
指令是Vue.js模板中最常用的一项功能，它带有前缀v-,比如上面说的v-if、v-html、v-pre等。指令的主要职责就是当其表达式的值改变时，相应的将某些行为应用到DOM上，先介绍v-bind指令 v-bind用于动态地绑定一个或多个特性，或一个组件 prop 到表达式 ...
Vue.js 源码分析(二十) 指令篇 v-once指令详解
数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值，例如:<p>Message: {{ msg }}</p>以后每当msg属性发生了改变，插值处的内 ...
Vue.js 源码分析(二十一) 指令篇 v-pre指令详解
: 可以看到对于v-pre对应的DOM节点，数据变化时也不会触发渲染的 源码分析 ...