朝花夕拾的博客

通过cdn方式引用的解决方法如下添加这一段代码即可

捕捉路由异常即可

在使用cdn方式引用的路由插件报以下错误基本原因就是在vue组件上没有实例化路由解决方法尝试了一下没有报错，OK!

看到这个错误网上大部分是这样解决的路由跳转捕获异常，但是路由没有跳转成功，倒是不报vue-router.esm.js?e629:2089 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated这个错误了自己尝试了下注释掉它改成下面这样具体原因还不知道。。。。反正不报错了 跳转成功了也...

路由跳转有两种方式一种是编程式路由this.$router.push()name对应paramspath对应query一种是声明式<router-link to='组件名称'> </router-link><router-link :to={name:'',params:{id:'666'}}>

active-class是router-link组件里面的类export default new Router({linkActiveClass:'active'//路由跳转时动态添加样式mode：‘history’，routes:[{ path:'/', name:'', component:''}]})router-link自动转为a标签...

红色框内跳转没反应 改成绿色框这种格式 跳转成功

vue中的vue-router是通过hash和history两种模式实现前端跳转路由，更新视图但不重新请求页面”是前端路由原理的核心之一，实现主要有两种方式 hash---- 利用URL中的hash（“#”） 利用Historyinterface在 HTML5中新增的方法 实现方式首先在router/index.js中注册路由 Vue.use(Router）这里把路由单独写在一个routes.js中并导出，注意别忘了导出 export default routes...