vue 路由基础
一、路由基础
1.路由的概念？ 路由用来实现各种页面级组件之间的跳转。默认情况下,Vue框架没有路由功能，通过扩展Vue-Router模块包，让Vue框架支持路由模块。
2.路由的模式？每种模式的特点？ history模式，hash模式, abstract模式
hash: 使用 URL hash 值来作路由。支持所有浏览器，包括不支持 HTML5 History Api 的浏览器。 history: 依赖 HTML5 History API 和服务器配置。查看 HTML5 History 模式。 abstract: 支持所有 JavaScript 运行环境，如 Node.js 服务器端。如果发现没有浏览器的 API，路由会自动强制进入这个模式。不常用。
HASH 缺点：hash搜索引擎收录不方便，不利于推广，没有操作history，不支持前进和回退。优点：无刷新，用户体验好。应用场景：后台管理系统。
HTML5 History Api: history.go(), history.back(), history.forward()
3.views和components区别？ 二者放的都是组件，views中的组件称为页面级组件（大组件），components中的组件称为功能性组件（小组件）
views视图，components组件
组件原来最大优势：复用，视图最大优势：跳转
4.router文件夹？ 放置是路由的各种配置
-
vue-router模块包主要提供了和路由相关的功能，也是vue官方团队开发，把此模块和vue核心模块分离，路由模式可以独立使用，为了节省vue核心模块的源码量。
-
在vue框架如何加载一个组件？有哪几种方式？ 同步加载，异步加载。 import .... from ....
()=>{ return import('')}
7。路由操作顺序？ a. 定义路由模块（使用Vue，Vue-Router） b. 必须挂载（main.js通过router配置项） c. 使用路由（<router-link>
-
vue-router模块包提供两个重要的组件？ <router-link>和<router-view>
-
vue框架中如何设置代理服务器？ 代理服务器： 充当“中间人”。默认情况下接口项目不支持跨域（localhost:3000），通过代理服务器这个“中间人”让接口项目支持跨域。
步骤： a. 在vue项目的根目录下（src同级的目录）创建一个vue.config.js文件。 b. 在vue.config.js配置代理服务器， 参考文档：https://cli.vuejs.org/zh/config/#devserver-proxy c. 使用时 axios('/xxx/具体的接口地址')