如何复用HTML模板代码，比如头部尾部等相同代码的部分，具体怎么做?

Question

请问，如何复用HTML模板代码
模板怎么写，放在哪个文件夹
如何引用这个模板
工具条件：H5、原生JavaScript、vue.min.js、bootstrap

Answer 1

这不要再用vue.min.js了。应该向vue-cli看齐。而模板新建一个vue文件就是一个组件了，vue文件里template标签下就是你需要复用的vue模板文件了。至于放在什么文件夹下，你就根据自己需求，在main.vue文件同级以及该文件目录的子级目录新建目录放置都可以，引用就使用import导入即可。建议下载几个开源的vue项目学习吧。而且使用vue就要改变jQuery方式使用了，强烈需要npm webpack工具链靠齐，至于npm webpack不必要过度担心，跟着demo和文档说明操作就行了，一般新手只需要关心vue业务逻辑部分即可。