// 记得要通过 router 配置参数注入路由,
// 从而让整个应用都有路由功能
const app = new Vue({
router
}).$mount('#app')
// 现在,应用已经启动了!
总结
上篇先分享到这里,主要了解了有以下几点:
1.vue-router的安装和使用
2.在组件模板中的书写格式
3.知道了路由出口
4.如何定义一个路由
5.创建路由实例和挂载实例
下篇我将给大家继续分享路由的其他用法(项目中用到的):
1.如何实现当前页激活,tab标签同时也激活,即active-class
2.路由跳转时添加过渡动效
3.路由传参及命名路由
4.实现资源懒加载
5.编程式导航
6.router-link的其他表现形式
7.Router构造详细配置
内容有点多,可能还要再分细一点,写详细点。但还是想把自己遇到过的问题,用到的知识点通过自己的理解分享出来。
以上所述是小编给大家介绍的Vue.js系列之vue-router(上)(3),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持!










