关于vue-router和“#！”的关系

来源：15-5 Vue-router(下)

惹尘埃2016

2017-04-12

老师，我看到关于URL中的hash值介绍都是说#代表网页中的一个位置。其右面的字符，就是该位置的标识符，且改变#！后面的值不引发页面重载。

那Vue-router的工作原理是什么？

在开发者工具中点击不同组件路由仅改变#！后的值，但html中的DOM文档整个都变了。其他组件的DOM并没有在整个html文档中，不同router对应替换整个组件，这是不是引发了页面的重载？如果是，这样会不会消耗额外的资源？

如果有链接解释也可以，多谢。

写回答

1回答

ustbhuangyi

2017-04-17

已采纳

vue-router hash 模式的大致原理是根据修改 hash 值，触发 hashChange，然后对应的 hash 去把 router-view 渲染成对应的组件~ 不会引发页面的重载~

惹尘埃2016

非常感谢！

2017-04-18

共1条回复

Vue.js2.5+cube-ui重构饿了么App（经典再升级）

掌握Vue1.0到2.0再到2.5最全版本应用与迭代，打造极致流畅的WebApp

9868 学习 · 4162 问题

相似问题

回答 1

回答 7

回答 1

回答 1

回答 1