基于vue.js路由参数的实例讲解——简单易懂
发布时间:2020-12-17 02:48:34 所属栏目:百科 来源:网络整理
导读:vue中,我们构建单页面应用时候,一定必不可少用到vue-router vue-router 就是我们的路由,这个由vue官方提供的插件 首先在我们项目中安装vue-router路由依赖 第一种,我们提供命令行来安装 npm install vue-router --save 第二种,我们直接去官方github下载
vue中,我们构建单页面应用时候,一定必不可少用到vue-router vue-router 就是我们的路由,这个由vue官方提供的插件 首先在我们项目中安装vue-router路由依赖 第一种,我们提供命令行来安装npm install vue-router --save 第二种,我们直接去官方github下载https://github.com/vuejs/vue-router 路由参数设置 1,实例化一个路由,然后路由映射表中的地址带参数,这个参数就是路由的参数 接着给映射表中的路由设置一个name值 语法 {path:"/home/:id,component:home,name:"wang"} 2.当我们挂载Vue实例上去后,我们在home组件中,要获取当前路由参数 语法 this.$route.params.参数名字 3.根据当前参数不同,设置路由导航去不同的路径
Title
|