vue-router
2017-01-09 18:55:05 0 举报AI智能生成
Vue-router是Vue.js官方的路由管理器，它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。通过使用Vue-router，我们可以轻松地实现页面之间的导航、参数传递以及状态管理等功能。Vue-router提供了多种路由模式，如哈希模式、历史模式等，以满足不同场景的需求。同时，它还支持模块化、懒加载等功能，使得代码结构更加清晰，性能更优。此外，Vue-router还具有良好的扩展性，可以通过插件来实现更多的功能。总之，Vue-router是构建现代Web应用的必备工具，它简化了前端开发流程，提高了开发效率。
作者其他创作
大纲/内容
1.install
import VueRouter from 'vue-router'
Vue.use(VueRouter)
基础
开始
new VueRouter
<router-link to="/foo">foo</router-llink>
动态路由匹配
响应路由参数的变化
watch - $route
path: '/user/:id'
$router.params.id可以获取id后的值
高级匹配模式
匹配优先级
嵌套路由
children
子组件里还有<router-view>
编程式的导航
router.push()
router.replace()
router.go(n)
命名路由
命名视图
可以通过path来同时匹配并显示多个router-view
重定向和别名
{ path: '/a', redirect: { name: 'foo' }}
HTML5 history模式
vue-router默认使用hash模式
history模式
原理:history.pushState
mode: 'history'
这种模式需要后台配置支持(web服务器)
实际怎么写
进阶
导航钩子
beforeEach(to, from, next)
API文档
0 条评论
下一页
