VueRouter-17-SPA和路由

SPA

SPA：singel page appliction 单页面应用程序，整个项目目前只有一个html页面，其他的模块都用组件的方式构造

在Vue项目中唯一的html文件中 public文件夹下面

SPA实现流程

我怎么来控制div空间到底放哪个页面（组件）？

需要引入路由来控制div到底显示哪个页面（组件）

路由概念

前端路由：将浏览器访问的地址，和UI组件关联在一起。一旦地址切换，匹配到不同组件渲染出来

后端路由：

1. router.get("/getuser",function(req,resp){})

在后端路由中，我们核心目的就是将浏览器输入的URL地址和nodejs里面函数绑定在一起。

核心概念：将HTTP请求地址和后端的函数绑定在一起（映射）一旦地址匹配成功进入后端某个函数。

一般在Vue项目中，跟路由匹配的组件我们称为页面。跟路由没有关系的组件称为基本组件。

以后路由相关的页面都放在Views文件夹，普通组件components文件夹