初级使用vue开发
index.html文件
main.js入口文件
如果后面自定义了组件，也必须修改index.html来使用组件。因为在项目开发中一般不能修改index.html文件，那就需要在使用template。
第二阶段
抽取index.html中的内容，写到入口文件main.js的template中
此时，index.html中只剩下。之后index.html文件不再改变
第三阶段
随着template中的内容越来越多，template会越写越多，所以也要将其抽取出来。
解决方案，使用组件。
可以明显的看出组件部分就是一个对象，所以可以创建一个js文件，存放所有vue实例代码。
main.js文件中只需导入就可以了
第四阶段
此时的问题是，模板和js代码未进行分离。
解决方案：创建vue文件
导入App.vue
安装vue-loader(加载vue文件)和vue-template-compiler（编译vue文件）
在webpack.config.js中配置