Vue安装，介绍，Vue.js 是什么，起步，声明式渲染，条件与循环？
Vue安装，介绍，Vue.js 是什么，起步，声明式渲染，条件与循环，处理用户输入，组件化应用构建，与自定义元素的关系，准备好了吗？
vue.js
webpack v4.30.0（12）官方指南说明文档 shimming
webpack 编译器(compiler)能够识别遵循 ES2015 模块语法、CommonJS 或 AMD 规范编写的模块。然而，一些第三方的库(library)可能会引用一些全局依赖（例如 jQuery 中的 $）。这些库也可能创建一些需要被导出的全局变量。这些“不符合规范的模块”就是 shimming 发挥作用的地方。
webpack v4.30.0（4）官方说明文档（模块热替换）
模块热替换(Hot Module Replacement 或 HMR)是 webpack 提供的最有用的功能之一。它允许在运行时更新各种模块，而无需进行完全刷新。本页面重点介绍实现，而概念页面提供了更多关于它的工作原理以及为什么它有用的细节。
SASS_BINARY_SITE=http://npm.taobao.org/mirrors/node-sass yarn
在 yarn 命令前添加 SASS_BINARY_SITE=http://npm.taobao.org/mirrors/node-sass 的目的是告诉 yarn 到淘宝的镜像去下载 node-sass 二进制文件。
VueJs 绑定 HTML Class 内联样式在模板里
操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。
vuejs 教程 指令 参数 动态参数代码
指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式 (v-for 是例外情况，稍后我们再讨论)。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。回顾我们在介绍中看到的例子：
vuejs v-on 监听focus,onblur,oninput 多个方法案例？
vuejs 教程 指令 参数 动态参数代码，vuejs v-on 监听focus,onblur,oninput 多个方法案例；
缩写：<input type="text" :value="name" @input="onInput" @focus="onFocus" @blur="onBlur" />，案例中没有缩写，可以自行尝试；
vuejs组件化应用构建
组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想，几乎任意类型的应用界面都可以抽象为一个组件树：
webpack v4.30.0（13）官方指南说明文档 渐进式网络应用程序
渐进式网络应用程序(Progressive Web Application - PWA)，是一种可以提供类似于原生应用程序(native app)体验的网络应用程序(web app)。PWA 可以用来做很多事。其中最重要的是，在离线(offline)时应用程序能够继续运行功能。这是通过使用名为 Service Workers 的网络技术来实现的。
webpack v4.30.0（5）官方说明文档起步（tree shaking章节承接起始章节）
tree shaking 是一个术语，通常用于描述移除 JavaScript 上下文中的未引用代码(dead-code)。它依赖于 ES2015 模块系统中的静态结构特性，例如 import 和 export。这个术语和概念实际上是兴起于 ES2015 模块打包工具 rollup。新的 webpack 4 正式版本，扩展了这个检测能力，通过 package.
