vue 公用页面引用_.html页面引入vue并使用公共组件

问题描述：

整体项目采用传统 .html 文件搭建，vue仅作为渲染数据工具使用，需要使用的地方使用

现有数个页面，每个页面都包含相同 header 和 footer ，希望可以把 header 和 footer 提取出来，避免太多重复代码。

解决办法

公共部分写在 .js 文件里，本质就是在当前页面中写的公共组件，组件规则遵从vue的组件规则。

template后面可以采用字符串拼接(内容少)，或者是使用 `定义模板字符串。

目录结构：

—test

——header.js //公共头部

——index.html //页面

——vue.js

index.html

test

我是内容