Vue中的路由使用和多种守卫方法是什么

云天博客 • 05/10 18:59 • 开发 • 30 views

今天小编给大家分享一下Vue中的路由使用和多种守卫方法是什么的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。 vue的一个插件库，专门用来实现对SPA应用的单页Web应用(single page web application, SPA)。整个应用只有一个完整的页面。点击页面中的导航链接不会刷新页面，只会做页面的局部更新。数据需要通过ajax请求获取。一个路由就是一组映射关系(key ：value)key 为路径, value可能是function或componente1.后端路由:value 杲function,用于处理客户端提交的请求。工作过程: 服务器接收到一个请求时,根据请求路径找到匹配的函数来处理请求,返回响应数据。2.前端路由: value是component,用于展示页面内容。工作过程: 当浏览器的路径改变时,对应的组件就会显示。1.安装vue-router


npmivue-router

2.应用插件


Vue.use(VueRouter)

3.router配置项


//引入vueRouter
importvueRouterfrom'vue-router'
//引入组件
importAboutfrom'../components/About'
importHomefrom'../components/Home'
exportdefaultnewvueRouter({
routes:[{
path:'/about',
component:About
},
{
path:'/home',
component:Home
},
]

})4.使用router-link实现切换（注：router-link经过浏览器后就会变成免费云主机域名a标签哦）