路由
vue-router
使用vue.js+vue-router实现单页应用,
<router-link>
是一个组件,用于设置一个导航链接,切换不同的HTML内容,to属性为目标地址,即要显示的内容<p> <router-link to="/form">跳转到Form</router-link> </p>
<router-link>
相关属性
to
,表示目标路由的链接,当被点击后,内部会把to的值传到router.push(),该值可以是字符串或者描述目标位置的对象replace
,设置replace属性,当点击时,会调用router.replace()而不是router.push(),导航后不会留下来history记录append
,设置该属性后,会在当前(相对)路径前添加其路径,相当于String中的append(追加)tag
,可以将<router-link>
渲染成某种标签,例如<li>
,貌似没什么用active-calss
,设置链接激活时使用的CSS类名event
生命可以用来触发导航的事件,可以是一个字符串或者时一个包含字符串的数组
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Monster龙!