摘要：可以快速的进行信息的录入、删除、更改和随时登陆查看所有的信息，所有的信息都会进行分类管理并以列表的形式展现，浏览起来一目了然。大致过程有使用vue.create命令创建vue项目，并选择相应的代码规范，首先将所有需要使用到的第三方组件安装，并在入口文件main.js中导入使用，之后创建路由文件router.js进行路由配置，创建axios.js对发送数据请求进行配置，创建api.js封装所有的方法，再将所有的页面都分别创建成vue组件，放在不同的文件夹中，最后都引入到路由组件中，进行各个页面的路由配置，再使用npm run serve命令运行项目，查看效果。使用上诉方法构建了一个单页面应用，实现了信息的列表展示和一键添加删除等功能。

关键词 Vue.js；单页面应用；Vue Router

目录

摘要

Abstract

1 绪论-1

1.1 研究背景-1

1.2 研究意义-1

1.3 研究目的-1

2 Vue.js的主要内容-2

2.1 定义及简单实用-2

2.2生命周期-2

2.3 模板语法-4

2.4 计算属性与监听器-4

2.5 数据绑定及渲染-4

2.6 组件-5

3 Vue Router的应用-7

3.1 简单使用-7

3.2 路由种类及应用-8

3.3 路由导航守卫-9

3.4 路由懒加载-9

4 后台管理系统的难点呈现-10

结论-12

参考文献-13

致谢-14