创建Vue时template和el的关系以及Vue的终极使用方案

创建Vue时template和el的关系

SPA（single-page application）-> vue-runter(路由跳转)
template里面的代码会替换原来的挂载的div
index的div里面就不要写东西了

第一步：

第二步：

第三步：

.Vue文件封装处理

一个组件以js对象的形式进行组织和使用的时候是非常不方便的
一方面编写template模块非常的麻烦
另一方面如果有样式的话，写在哪里比较合适呢？
现在以一种全新的方式来组织一个Vue组件

但是这时这个文件能被正确的加载吗？
必然是不可以的，这种特殊的文件及特殊的格式，必须有人帮组我们处理

怎么处理呢？
vue-loader以及vue-template-compiler

安装vue-loader和vue-template-compiler --save-dev

npm install vue-loader vue-template-compiler --save-dev

修改webpack.config.js的配置文件

{
	test:/\.vue$/,
	use:['vue-loader']
}