什么是 bundle,chunk,module
(1) bundle 是 webpack 打包出来的文件，
(2) chunk 是 webpack 在进行模块的依赖分析的时候，代码分割出来的代码块。module 是开发中
的单个模块
Bundle：由许多不同的modules生成，包含了源码处理后的最终版本——源码被加载和编译处理
chunk：该webpack专业术语用于webpack内部管理bundling的过程中。bundles由许多的chunks组成——这些chunk有不同的类型（比如entry或child）。通常，chunks直接与bundles相对应。然而，有一些配置可以使其不是一对一的关系
module：非连续的功能块——提供了更小的表面积而不是整个程序。书写良好的modules提供了可靠的抽象及封装边界，组成了统一的设计和清晰的目的；
module是webpack支持解析的模块；
chunk包含多个module，存在于webpack处理过程中的阶段；
bundle包含一个或多个chunk，是源码经过webpack处理后的最终版本；
vue几种常用的指令
v-for、v-if、v-bind、v-on、v-show、v-else
v-for：循环指令，基于一个数组或者对象渲染一个列表，vue 2.0以上必须需配合key值使用。
v-if：表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定/组件被销毁并重建。
v-else元素必须紧跟在带v-if或者v-else-if的元素的后面，否则它将不会被识别。
v-bind：动态地绑定一个或多个特性，或一个组件prop到表达式。
v-on：用于监听指定元素的DOM事件，比如点击事件。绑定事件监听器。
v-show：根据表达式之真假值，切换元素的display CSS属性。
v-model：实现表单输入和应用状态之间的双向绑定
v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。因此，如果需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。
