您的位置:首页 > 产品设计 > UI/UE

vue组件vue-rounter,router-link标签使用

2018-01-22 00:00 381 查看
1:安装 vue-router

cnpm install vue-router --save次

2:在index.js文件中引用

import Router from 'vie-router'

3:使用

Vue.use(Router);

4:在index.js文件中配置映射



5:在组建中



name与routes中的name一样,params:跳转页面传递参数,tag:映射的标签<div>,也可以是其它标签<li>

6:点击router-link用法跳转,

在跳转各面 $route.params.username可以获取改值

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  vue router-link跳转