
如何在 javascript 中实现 history 路由
需求:根据访问路径的不同,呈现不同的 html 内容,同时保持公共部分不变。
解决方案:
可以使用 vue-router 来实现:
立即学习“前端免费学习笔记(深入)”;
- 引入 jquery、vue 和 vue-router 库。
- 定义路由配置,指定路由路径和对应的子页面模板。
- 创建 vue-router 实例,并配置历史模式。
- 在 beforeeach 钩子函数中,通过 load 方法加载对应的子页面模板。
示例代码:
我是公共部分
效果:
访问不同的路由路径,即可看到不同的子页面内容,同时公共部分保持不变。











