vuejs文本插值 v-once 插值一次案例
数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值：
<span>Message: {{ msg }}</span>
Mustache 标签将会被替代为对应数据对象上 msg 属性的值。无论何时，绑定的数据对象上 msg 属性发生了改变，插值处的内容都会更新。
vue.js
Webpack4.3概念输出(output)
输出(output)
查看原文|编辑此页
配置 output 选项可以控制 webpack 如何向硬盘写入编译文件。注意，即使可以存在多个入口起点，但只指定一个输出配置。
用法(Usage)
在 webpack 中配置 output 属性的最低要求是，将它的值设置为一个对象，包括以下两点：
filename 用于输出文件的文件名。
目标输出目录
webpack v4.30.0（9）官方指南说明文档 懒加载
懒加载或者按需加载，是一种很好的优化网页或应用的方式。这种方式实际上是先把你的代码在一些逻辑断点处分离开，然后在一些代码块中完成某些操作后，立即引用或即将引用另外一些新的代码块。这样加快了应用的初始加载速度，减轻了它的总体体积，因为某些代码块可能永远不会被加载。
webpack v4.30.0（1）官方说明文档指南、安装、起步管理资源教程源码
C:UsersAdministrator>node -v
v10.15.3
C:UsersAdministrator>npm -v
6.4.1
C:UsersAdministrator>cnpm -v
cnpm@6.0.0 (D:Program Filesnodejsnode_globalnode_modulescnpmlibpa
VueJs 绑定 HTML Class class 列表使用对象语法
操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。
VueJs Class 与 Style 绑定 数组语法
操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。
VueJs Class 与 Style 绑定 用在组件上
操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。
使用Vuejs v-html 指令 输出真正的 html
双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，你需要使用 v-html 指令：
<p>Using mustaches: {{ rawHtml }}</p>
<p>Using v-html directive: <span v-html="rawHtml"></span></p>
windows webpack devServer报错 Error: listen address already in use 127.0.0.1:8090
如果本地运行多个webpack项目会报错：listen EADDRINUSE: address already in use :::8090；提示含义：地址端口已经被占用注：8090指的是前一个项目的地址端口，但后一个项目默认也会用这个，所以就会冲突报错Administrator@PC-20190222QKVD MINGW64 ~/Desktop
webpack v4.30.0（10）官方指南说明文档 缓存
本指南继续沿用起步、管理输出和代码分离中的代码示例。所以我们次章节下载，此章节代码继续练习（webpack v4.30.0（8）官方指南说明文档 代码分离）：以上，我们使用 webpack 来打包我们的模块化后的应用程序，webpack 会生成一个可部署的 /dist 目录，然后把打包后的内容放置在此目录中。只要 /dist 目录中的内容部署到服务器上，客户
