VueJS 事件修饰符有哪些？
在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation()是非常常见的需求。尽管我们可以在 methods 中轻松实现这点，但更好的方式是：methods 只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。
为了解决这个问题， Vue.js 为 v-on 提供了 事件修饰符。通过由点(.)表示的指令后缀来调用修饰符。
vue.js
webpack4.* Tapable.plugin is deprecated. Use new API on `.hooks` instead
webpack4.* 编译打包问题描述在使用extract-text-webpack-plugin给webpack打包时出现报错Tapable.plugin is deprecated. Use new API on `.hooks` insteadextract-text-webpack-plugin下载安装
webpack v4.30.0（11）官方指南说明文档 创建 library
创建 library
除了打包应用程序代码，webpack 还可以用于打包 JavaScript library。以下指南适用于希望流水线化(streamline)打包策略的 library 作者。创建一个 library
假设你正在编写一个名为 webpack-numbers 的小的 library，可以将数字 1 到 5 转换为
webpack v4.30.0（3）官方说明文档（开发）
开发（承接上文）：如果你一直跟随之前的指南，应该对一些 webpack 基础知识有着很扎实的理解。在我们继续之前，先来看看如何建立一个开发环境，使我们的开发变得更容易一些。
v-if指令 VueJs if 条件渲染
v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。因为 v-if 是一个指令，所以必须将它添加到一个元素上。但是如果想切换多个元素呢？此时可以把一个 <template> 元素当做不可见的包裹元素，并在上面使用 v-if。最终的渲染结果将不包含 <template> 元素。
VueJs Style 绑定内联样式 对象语法
v-bind:style 的对象语法十分直观——看着非常像 CSS，但其实是一个 JavaScript 对象。CSS 属性名可以用驼峰式 (camelCase) 或短横线分隔 (kebab-case，记得用引号括起来) 来命名
VueJs 绑定 HTML Class 内联样式在模板里
操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。
vuejs 教程 指令 参数 动态参数代码
指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式 (v-for 是例外情况，稍后我们再讨论)。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。回顾我们在介绍中看到的例子：
Vue安装，介绍，Vue.js 是什么，起步，声明式渲染，条件与循环？
Vue安装，介绍，Vue.js 是什么，起步，声明式渲染，条件与循环，处理用户输入，组件化应用构建，与自定义元素的关系，准备好了吗？
webpack v4.30.0（12）官方指南说明文档 shimming
webpack 编译器(compiler)能够识别遵循 ES2015 模块语法、CommonJS 或 AMD 规范编写的模块。然而，一些第三方的库(library)可能会引用一些全局依赖（例如 jQuery 中的 $）。这些库也可能创建一些需要被导出的全局变量。这些“不符合规范的模块”就是 shimming 发挥作用的地方。
