学习vue框架（二）

首先介绍vue-cli：

1、他是成熟的vue项目架构设计；

2、是一个本地测试服务器；

3、是一个集成打包上线方案（webpack）；

当我们安装完vu-cli后项目文件夹下会生成这样一个目录

主要操作的是src文件夹下的内容，下面我们就可以开展我们的项目，项目中我们用到了element组件库，首先要下载这个组件库，

cnpm i element-ui -S

然后在main.js里引入：

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
Vue.use(ElementUI);

还用到了调用接口的vue插件vue-resource，安装方法

npm install vue-resource

引入：

import Resource from 'vue-resource'

Vue.use(Resource)

需要的插件都已经安装完之后开始写登录页，写首页模板：template必须有且仅有一个根div。