vue从入门到精通之进阶篇（一）vue-router基础

router-link

• to

• 帮助我们生成a标签的href

• 锚点值代码维护不方便，如果需要改变锚点值名称

• 则需要改变 [使用次数 + 1（配置规则）] 个地方的代码

命名路由

• 1:给路由对象一个名称 { name:'home',path:'/home',component:Home}

• 2:在router-link的to属性中描述这个规则

• <router-link :to="{name:'home'}></router-link>"

• 通过名称找路由对象，获取其path，生成自己的href

• 大大降低维护成本，锚点值改变只用在main.js中改变path属性即可

阶段总结

• vue-router使用步骤 : 1:引入 2:安装插件 3:创建路由实例 4:配置路由规则 5:将路由对象关联vue 6:留坑

• router-link to=“/xxx” 命名路由

• 1. 在路由规则对象中 加入name属性

2. 在router-link中 :to="{ name:"xxx’} "