路由vue-router

# == > 技巧：善用路由传参!!!

this.$router.push({path：‘/main’,query:{id:this.saveProno}})

query：表示传递的参数，即url后使用 ? 拼接的参数，其参数数量不限制

使用方法：上个页面通过query在路由传递参数，当前页面通过this.$router.query.id获取传递过来的参数，然后可以进行ajax参数传递，或者用于local storage存储标志等...


# ==> <router-view> </router-view> 表示渲染的位置

注：<router-view></router-view>还包含子<router-view></router-view>,此时子<router-view></router0view>可以通过兄弟组件通讯的方式，进行交互渲染;

图片发自简书App
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容