文章所有的代码是基于Vue CLI 3.x版本，不会涉及到一步步通过Webpack来配置JSX所需要的知识点。

看过 Vue 源码的同学可以知道，<keep-alive>、<transition>、<transition-group>等组件组件的实现是一个对象，注意它有一个属性 abstract 为 true，表明是它一个抽象组件。

$event 对象为 DOM 事件对象，一般经常使用到 event.target.value 获取当前元素的值。

组件中除了拥有是否展现自身的show属性以外其他属性都没有被定义，这些属性将在下面的toast.js中通过Vue.extend出来的实例构造器的实例化对象传入。

1.日历可以通过按钮【切换展示效果】改变日历的呈现效果，上图是平铺模式，下图是收起滚动模式。2.通过点击具体的日期可以在页面上显示当前选中的具体日期。3.点击【今天】快速回到当日视图。4.点击【◀】和【▶】…

v-show，v-if 用哪个？在我来看要分两个维度去思考问题，第一个维度是权限问题，只要涉及到权限相关的展示无疑要用 v-if ，第二个维度在没有权限限制下根据用户点击的频次选择，频繁切换的使用 v-show ，不频繁切…

最近想了解一些组件化的知识，去看了Casa写的iOS应用架构谈 组件化方案这篇文章，Casa在文中针对蘑菇街的组件化方案提出了一些不同的观点，陈述了自己的组件化方案。

上算法课，也没找到一种性能很优的算法，最终使用Map重新设计了一下，并使用原生的checkbox，性能有极大地提升，用户感觉不出任何卡顿。

如果我们打算在一个地方根据不同的状态引用不同的组件的话，比如tab页，那么Vue给我们提供动态组件。

组件是Vue核心功能之一，合理的组件化，可以减少我们代码的冗余，提高项目的可维护性。下面，我将由浅入深的讲Vue的组件在讲之前，首先我们先了解一下组件的命名。 HTML是对特征名不敏感的语言，他会将所有的字符…