美文网首页
静态路由实例

静态路由实例

作者: 树袋熊熊 | 来源:发表于2017-09-15 09:36 被阅读0次

1.最简单的例子

html页面

注意:自定义 js 文件需要放在<div id = 'app'>之后引入,否则会报 自定义js文件中 ‘#app’ 不存在。

js文件

注意:‘new Vue’ 和 ‘new VueRouter’ 中 v 需要大写

2.静态路由 & 编程式导航

http://www.cnblogs.com/wisewrong/p/6277262.html

html页面

注意:<button> 为编程式导航方式。

js文件

注意:$router.push 是为 history 添加一个新的记录。刚开始的做法是在 app 之外使用router.push({path:'/view-b'},{path:'/view-a'}),后来分析这种做法不对。router.push应该每次只能为history添加一个记录。该想法需要后期验证。

3.路由命名

html页面

注意:html 页面 <router-link> 中 to 前面需要添加 ‘’,否则会出现点击路由,切换时,路由为..../{name:' aaa ' }的错误状态。

js文件

注意当路由需要传进去参数时:

html页面

注意:params为对象,写法为params{id:‘123’ }

js文件

注意:框出来的部分的写法。

相关文章

  • 静态路由实例

    1.最简单的例子 注意:自定义 js 文件需要放在 之后引入,否则会报 自定义js文件中 ‘#app’ 不存在。 ...

  • HCNA-静态路由

    静态路由配置实例 1.配置思路 在路由器R1上配置一条静态路由,目的地/掩码是2.0.0.0/8,下一跳I...

  • 锐捷实战系列(三十八) 静态路由

    实训目的 学习静态路由的原理。 学习静态路由的优缺点。 学习静态路由的配置使用。 实训背景 静态路由 静态路由是指...

  • 局域网中两台电脑中组态王软件传递信息

    静态路由 静态路由概念。静态路由(英语:Static routing),一种[路由]的方式,路由项(routing...

  • 20220726-Alma Linux8添加静态路由

    一、临时添加和删除静态路由 1、显示路由表 2、临时添加静态路由 3、临时删除静态路由 二、设置永久的静态路由 永...

  • express 使用笔记1

    创建app.js文件 Express 应用生成器 路由实例 利用 Express 托管静态文件 通过 Expres...

  • windows添加静态路由

    一、临时静态路由 二、永久静态路由

  • CCNA-13、静态路由

    何时使用静态路由-路由器较少-唯一外连出口-星型拓扑 !静态路由它配置完是不会自己修改的, 配置静态路由 路由表中...

  • Centos7添加路由

    显示路由: 添加静态路由(重网络启失效):来自10.0.0.0的ip通过10.17.87.1到本机。 删除静态路由...

  • 逸佳君:CCNA之静态路由实验

    静态路由实验 拓扑图: 实验要求: 1、只用静态路由,使得全网都能通信 2、配置RIPv2,使的静态路由成为备份路...

网友评论

      本文标题:静态路由实例

      本文链接:https://www.haomeiwen.com/subject/tclhsxtx.html