这篇文章主要介绍了vue-router 路由传参用法,结合实例形式分析了vue-router 路由传参基本使用方法及操作注意事项,需要的朋友可以参考下
本文实例讲述了vue-router 路由传参用法。分享给大家供大家参考，具体如下：
在设置路由规则时，我们可以给路径名设置一个别名，方便进行路由跳转，而不需要去记住过长的全路径。
例如：
<title>routerTest1</title> <div id="app"> <nav class="navbar navbar-inverse"> <div class="container-fluid"> <div class="navbar-header"><i>本文来源gaodai$ma#com搞$$代**码)网@</i> Brand</div><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="active"> Home</li><li> List</li></ul></div></div></nav><div class="container"> </div></div> <div class="container"> <h1> this is list page----{{$route.path}}</h1><h2>用户信息</h2>用户{{$route.params.id}}用户{{$route.params.id}}</div>
上文中的 importFile,jsp 在上一篇路由基本用法中介绍过了，就是引入需要的文件。
希望本文所述对大家vue.js程序设计有所帮助。
以上就是vue-router 路由传参用法实例分析的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue-router 路由传参用法实例分析
转载请注明原文链接：vue-router 路由传参用法实例分析
