30-vue_cli标准开发方式值前端建立

1、创建ems项目
vue init webpack ems

2、进入项目
cd ems

2、项目启动
npm run dev

3、删除helloword组件

4、新建views目录，用于存放我们的业务组件。以前的components目录存放我们的公共组件

5、在views中创建Login组件

6、注册路由
【注意：以前我们都是这么写，这样会先加载所有组件，在解析的时候会变慢，不推荐使用】

【以后我们使用如下这种方法：按需加载】

7、在login组件中添加form表单

8、创建主页组件并注册路由

9、views中创建文件夹，组件按分类存放

10、创建员工管理的页面

【因为是展示到网站首页的下面，所以是首页的一个子组件】

【其他三个组件也是这样开发】

11、设置访问根路径的时候重定向首页

12、设置404未找到页面的页面

13、设置员工列表页面
这是我们的模板

table中的数据需要从后端获取，所以我们需要发送axios请求
（1）terminal终端安装axios请求
npm install axios --save

（2）导入axios，如①所示

（3）但是，我们获取数据需要发送axios请求，点击修改或者保存按钮后还需要发送axios请求更新我们的数据，会多次发送axios请求，耦合性太强，也不方便
（4）因此，我们再创建一个utils文件夹，用于存放我们的axios操作

再来修改我们的员工列表页面