最近，在html页面中使用vue，，总结下。
一、
1、将公用的头部，底部，提取出来
将公用的头部，底部提出为公用你的，到时候，维护的时候，只需要改一个文件就可以了。 如果不提取公用的头部、底部；后续页面增加到 100个，那将是一个噩梦。 尝试了以下几个方案：
- 使用 jquery的load()方法。
页面不想引入jquery，于是放弃了这个方法。
- 使用 iframe,
页面不想使用iframe，于是放弃
- 使用 asios 请求html片段，并插入到页面中
借鉴了jquery的load()这个思想。但是这种方法的优缺点，目前还不是很清楚。
- 使用 embed 标签，提取公用的头部
优缺点，目前不是很清楚
- 使用 blockquote 标签提取公用的头部
优缺点，目前不是很清楚
2、将公用的js逻辑，提取出来，使用vue的mixins混入。
将公用的 mixins ,放入公用的js脚本中(common.js)，并将公用的mixins 挂到window 下，在页面中引入公用的common.js脚本。 缺点： 将mixins 挂载到window下，污染了全局变量。 推荐使用 nomodule 向下兼容。在支持 es6模块的浏览器下，还是推荐使用 export 、import 。
3、页面中通过 scritpt 引入了多个 js 脚本。
感觉这种方式，不是很没美观（在页面上要写一大块堆），尝试想在一个 .js 脚本中引入其他依赖的js 脚本。但是，后来发现，这种方式，不是很直观，于是放弃了这个。
