Vuejs学习笔记(三)-5.webpack配置vue，将template内容从index.html中抽离到main.js中

真实项目都是使用的SPA，单页面复用

index.html文件内若需要展示内容，修改内容，需要经常修改index.html文件，这个不合理。因此将里面内容抽取到main.js中

index.html抽取的内容如下：

 

 1.将index.html中的模板内容剪切到main.js中

 

 

 

 2.原理，vue读取main.js中的template后，会讲这部分template复制到index.html的 <div id="app"></div>中