Vue路由详解与映射关系 Vue-Router

Vue-Router

前端路由
认识路由
vue-router 基本使用
vue-router 嵌套路由
vue-router 参数传递
vue-router 导航守卫
keep-alive

//分割线==============================

路由（ routing ）就是通过互联网络把信息从源地址传输到目的地址的活动------ 来源维基百科

生活中的路由器呢？
路由器提供了两种机制：路由和转送
1、路由是决定数据包从来源到目的的路径
2、转送将输入端的数据转移到合适的输出端

** 路由中有一个非常重要的概念叫路由表**
路由表本质上就是一个映射表，决定了数据包的指向

2、后端路由
1、前端渲染
2、后端渲染

2、后端渲染是： jsp /  php 后端路由就是 后端处理URL 和页面之间的映射关系。
3、前后端分离，后端只负责提供数据，不负责任何阶段的内容
4、前端渲染 详解：url： xxx 网站网站资源服务器 返回 html + css + jsjs 代码由浏览器执行， $.ajax( url :api 接口 ：success: function  )这里 接口ajax 去请求 服务器 提供的api 数据 这里是数据是浏览器帮我们去获取的渲染的所以是 前端 渲染这里是前后端 分离 阶段

单页应用SPA页面
SPA：单页富应用
整个网页只有一个html 页面
这里会把在网页请求的时候，一次把所有的静态资源全部请求回来，然后通过前端路由的url来进行资源分配寻找

Vue路由详解与映射关系 Vue-Router相关推荐

vue路由详解 --基础
vue路由详解 --基础 1.router-link 和router-view组件 router-link相当于封装了一个a标签 router-view为组件显示的位置 <router-link ...
reactrouter4路由钩子_react router @4 和 vue路由详解(八)vue路由守卫
13.vue路由守卫 a.beforeEach 全局守卫 (每个路由调用前都会触发,根据from和to来判断是哪个路由触发) const router = new VueRouter({ ... }) ...
vue路由详解版一目了然
概念路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源. 那么url地址和真实的资源之间就有一种对应的关系,就是路由. 路由分 ...
Electron vue使用详解
Electron vue使用详解 Electron是什么? Electron 是一个框架,可以让您使用 JavaScript, HTML 和 CSS 创建桌面应用程序. 然后这些应用程序可以打包在m ...
【Vue组件详解（一）】
Vue组件详解(一) 简介对组件的理解传统方式编写页面组件方式编写页面非单文件组件完整代码总结简介组件的定义其实就是实现应用中局部功能代码(html,css,js)和资源(MP3 ,M ...
vue 监控元素宽度_Vue入门系列之Vue实例详解与生命周期
Vue的实例是Vue框架的入口,其实也就是前端的ViewModel,它包含了页面中的业务逻辑处理.数据模型等,当然它也有自己的一系列的生命周期的事件钩子,辅助我们进行对整个Vue实例生成.编译.挂着. ...
七、Vue cli详解学习笔记——什么是Vue cli ,Vue cli的使用（安装，拉取2.x模板，初始化项目），Vue cli2详解，Runtime-Compiler和Runtime-only区别
一.什么是Vue CLI 如果你只是简单写几个Vue的Demo程序, 那么你不需要Vue CLI. 如果你在开发大型项目, 那么你需要, 并且必然需要使用Vue CLI 使用Vue.js开发大型应用时 ...
Linux运行脚手架vue,Linux Nodejs与vue脚手架详解
本篇教程介绍了Linux Nodejs与vue脚手架详解,希望阅读本篇文章以后大家有所收获,帮助大家对Node.js的理解更加深入. < https://nodejs.org/dist/v8.9 ...
Vue实例详解与生命周期
Vue实例详解与生命周期 http://www.jianshu.com/p/b5858f1e6e76 Vue的实例是Vue框架的入口,其实也就是前端的ViewModel,它包含了页面中的业务逻辑处理. ...

Vue路由详解与映射关系 Vue-Router

Vue-Router

Vue路由详解与映射关系 Vue-Router相关推荐

最新文章

热门文章