创建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']
}