VueRouter 3.0与2.0模式差异及使用要点有哪些？

本文共计779个文字，预计阅读时间需要4分钟。

原文：本文字例讲述了vue-router两种模式区别及使用注意事项。分享给大众，仅供参考。vuerouter是vue官方的路由管理器。它和vue.js本文字例讲述了vue-router两种模式区别及使用注意事项。分享给大众，仅供参考。

本文实例讲述了vue-router两种模式区别及使用注意事项。分享给大家供大家参考具体如下vuerouter是vue官方的路由管理器。它和vue.j

本文实例讲述了vue-router两种模式区别及使用注意事项。分享给大家供大家参考具体如下

vue router 是vue官方的路由管理器。它和 vue.js 的核心深度集成让构建单页面应用变得易如反掌。vue-router 默认 hash 模式还有一种是history模式。

hash模式

hash模式的工作原理是hashchange事件可以在window监听hash的变化。我们在url后面随便添加一个#xx触发这个事件。

window.onhashchange function(event){

console.log(event);

}

打印出来的结果如下

可以看到里边有两个属性newurl和oldurl。可以通过模拟改变hsh的值动态页面数据。