vue-admin-template的学习

0. vue的目录结构

• 主要是src文件夹：这里是我们要开发的目录，基本上要做的事情都在这个目录里，里面包含了几个目录及文件
  • assets: 放置一些图片，如logo等。
  • components: 目录里面放了一个组件文件，可以不用。
  • App.vue: 项目入口文件，我们也可以直接将组件写这里，而不使用 components 目录。
  • main.js: 项目的核心文件。

（参考资料：Vue.js 目录结构 | 菜鸟教程 (runoob.com)）

1. vue的路由

1.1 路由的概念

路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮  => home 内容， about按钮 => about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。

点击之后，怎么做到正确的对应，比如，我点击home 按钮，页面中怎么就正好能显示home的内容。这就要在js 文件中配置路由。

（参考资料：vue路由基础使用_一只小白奔向大牛的故事-CSDN博客_vue路由）

1.2 vue路由的基本配置

如果需要使用 vue router 驱动单页面应用，那就

• App.vue 添加 <router-view/> 标签
• router.js（项目中为/src/router/index.js文件） 中配置路由信息
• main.js 中引入 router.js 并绑定到 vue 实例。

（参考资料：vue 路由的基本配置 - 简书 (jianshu.com)）

2. vue和element系统性地学习

学了几天后，发现还是官方文档靠谱！！

1. 介绍 — Vue.js (vuejs.org)，看vue文档中的视频讲解，看到最后跟着老师能创建并使用组件就算前进了一大步
2. Element - 网站快速成型工具，直接将element组件对应文档中的源代码复制粘贴到项目中，就能对相应页面进行修改，这又前进了一大步！