添加路由的2种方式--router

最新推荐文章于 2024-05-02 14:26:53 发布
最新推荐文章于 2024-05-02 14:26:53 发布
阅读量2.3k 收藏 2
点赞数 2
文章标签： 前端 javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SYQ15544423296/article/details/126254058
版权

第一种cmd方法:

重新创建一个项目 添加路由：

打开文件夹 在路径栏里面输入cmd 打开cmd命令行

输入 vue create router-pro

选择下面选项

按下键选择路由并回车：

选择vue2版本

问你是否使用路由的历史模式：

输入n

问你eslint的语法规范选择哪种？

我们选择第一个最基本的格式校验

下面问你什么时候校验语法规范？

我们选择保存的时候校验选择第一个

问是否采用最基本的校验更新到package文件？

默认选择第一个回车

问你以上的配置是否要保存一份？输入y

还会跳出一个选项 你可以输入y 回车 也可以直接回车

第二种方法

第一步 在你的对应的地址上 打开终端

输入 vue ui

浏览器会跳出一个控制台页面

点击导入这个文件夹

选择插件按钮点击

点击继续

当你的项目中出现下面文件夹就说明安装成功

从未转生的史莱姆
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
浅谈vue-router2路由参数注意的问题
11-27
1、vue 路由 如果传递 params 定义路由的时候是 /路由名称：id 获取的时候 this.$route.params.id 最后形如 /路由名称/路由参数 传参的时候 params:{ str1:str1, str2:str2 } 2、如果传递query ?id=str…. 定义路由的时候直接是 /路由名称 获取的时候 this.$route.query.id 传参的时候 data:{ str1:str1, str2:str2 } 以上这篇浅谈vue-router2路由参数注意的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多
linux 中增加路由（route）命令详解
热门推荐
ym & blog
08-30 17万+
linux route 命令 　　显示现在所有路由 　　#route -n 　　root@Ubuntu:~# route 　　Kernel IP routing table 　　Destination Gateway Genmask Flags Metric Ref Use Iface 　　10.147.9.0 * 255.255.255.0 U 1 0 0 eth0 　　192.1...
vue实现动态路由添加（简单无废话版本）
xia_zai_ya的博客
12-07 1万+
简单无废话将自己初次实现动态路由添加的思路说出来，给和我一样初学者一点参考。
Linux 路由 学习笔记 之二 路由添加流程分析
lickylin的专栏
08-06 5057
基于linux2.6.21   上一节分析了路由的hash链表存储方式相关的数据结构，本节就分析一下路由的添加。对于路由查找来说，当支持策略路由时，路由的查找就会较复杂一些，因此打算结合策略规则来分析路由相关的知识，因此以后介绍的路由添加、删除、查找，都是基于支持策略路由的。 一、应用层添加路由的方式   对于应用层来说，添加路由的方式有两种，分别是命令route与ip route。
route----添加路由的方法
weixin_41884251的博客
02-04 9657
使用双网卡，同时使用2个网关的时候就需要加一条静态路由了。当然还有很多时候会需要加路由。 一：使用 route 命令添加 使用route 命令添加的路由，机器重启或者网卡重启后路由就失效了，方法： //添加到主机的路由 route add –host 192.168.1.11 dev eth0 route add –host 192.168.1.12 gw 192.168.1.1 //添加到网络的路由 route add –net 192.168.1.11 netmask 255.255.255.0 eth
添加网络路由
谦虚使人发胖的博客
03-23 1万+
route -p add 192.168.1.22 MASK 255.255.255.255 192.168.2.1 route -p add 192.168.1.23 MASK 255.255.255.255 192.168.2.1 命令解析如下 route -p add 对端IP mask 子网掩码（我这里是因为要单独IP所以用4个255） 网关地址 route print （查看路由表） route print >> c:\route.txt （将路由输出到文件） ...
各种添加路由的方法
sstower的专栏
10-25 683
各种添加路由的方法
Linux添加路由的方法route
a13568hki的博客
07-27 7583
一：使用 route 命令添加 使用route 命令添加的路由，机器重启或者网卡重启后路由就失效了，方法： //添加到主机的路由 # route add –host 192.168.1.11 dev eth0 # route add –host 192.168.1.12 gw 192.168.1.1 //添加到网络的路由 # route add –net 192.168.1.11 netmask 255.255.255.0 eth0 # route add –net 192.168.1.11 netm
Windows添加临时路由及永久路由的方法
one_eyes的博客
07-15 5万+
Windows添加，删除临时路由及永久路由 一：使用 route 命令添加临时路由 1、查看自己电脑IP地址（记录子网掩码和默认网关） 例：子网掩码：255.255.255.0 默认网关：192.168.50.1 2、将需要添加路由的地址套入该命令中 route add -p IP地址 mask 子网掩码 默认网关 例：route add -p 192.168.50.0 mask 255.255.255.0 192.168.50.1 3、以管理员身份运行CMD命令 二：使用 r
linux系统添加路由
weixin_49495301的博客
04-11 2万+
添加到主机的路由 route add -host 192.168.1.2 dev eth0:0 route add -host 10.20.30.148 gw 10.20.30.40 添加到网络的路由 route add -net 10.20.30.40 netmask 255.255.255.248 eth0 route add -net 10.20.30.48 netmask 255.255.255.248 gw 10.20.30.41 route add -net 192.168.1.0/24 eth
AngularJS路由Ui-router模块用法示例
10-19
主要介绍了AngularJS路由Ui-router模块用法,结合实例形式分析了Ui-router模块的功能、使用方法及相关注意事项,需要的朋友可以参考下
解决vue-router 嵌套路由没反应的问题
10-14
主要介绍了解决vue-router 嵌套路由没反应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue-router实现嵌套路由的讲解
01-19
一、嵌套路由（配置好父路由component后，在父路由下面添加children属性来配置这个父路由的子路由） 需要注意的是：父组件中的<router></router>是子组件的占位符是必不可少的 嵌套路由的现象：点击了路由跳转之后父...
vue-router为激活的路由设置样式操作
11-20
2.在router里的js文件中添加 linkActiveClass:’active’ 补充知识：记录vue遇到问题，子页面没有router-link对应导航栏激活样式 如下所示： li><router to=”/basicSearch” class=”{‘link-active’:...
element-ui的bug记录
nick_zhang的博客
04-29 550
7.el-dialog组件在关闭时，会触发子组件的created/mounted生命周期。原因是当visible改变为false，即关闭dialog的时候，如果用户设置了destroyOnClose=true，则执行key++；key是绑定在较外层的div上的，key值的变化会导致这个div重新渲染。6.select 的 popper-append-to-body ,默认值为true;dialog的append-to-body,默认值为false;3.element表格前端分页。
【Web】CTFSHOW 中期测评刷题记录(1)
最新发布
uuzeray的博客
05-02 1465
访问./cache/6a992d5529f459a44fee58c733255e86.php，命令执行拿flag。login.php是在./templates下的，而./flag.php与./templates均为web目录。注意到用./template/error.php中存在{{username}}，可以用其cache来写马。这时候重开下靶机再去读./templates/index.php，发现是给了提示的。访问./config/settings.php，命令执行拿到flag。
判断前端入参是否空否则提示前端写法
qq_39306234的博客
04-28 314
前端先声明一个变量，用于alert判断。在templeat中定义一个提示语句。然后在点击事件时判断一下是否展示。
前端调用WebSocket协议接口获取数据
m0_56023096的博客
04-29 397
createWs("测试数据", (res) => {
uni框架下的前端小知识
weixin_53908842的博客
04-30 302
1、direction：移动方向，可选值为all、vertical、horizontal分别表示所有方向、垂直、水平方向。3、out-of-bunds：移动超出界限是的处理策略，可选值为fail, bounce,分别表示失败、回弹。9、 scale-value:缩放的值，当scale为true时有效。7、friction:摩擦系数，取值范围【0，100】6、damping:阻尼系数，取值范围【0，100】8、scale：缩放比例，取值范围【0.5，10】4、x:水平方向的移动距离，单位制px。
vue2路由 router-link
09-21
router-link是Vue2中的一个组件，用于在页面中创建链接并实现路由导航。它是基于Vue Router实现的，可以通过设置不同的属性来配置链接的行为和样式。 router-link的tag属性用于指定渲染为哪种HTML标签，默认为a标签。通过设置tag属性，你可以将链接渲染为其他标签，比如button或div等。 router-link的replace属性用于指定是否在导航时替换历史记录，默认为false。当replace为true时，点击链接进行导航时，将直接替换当前的历史记录，而不会添加新的历史记录。 router-link的active-class属性用于指定当前激活链接的CSS类名。当对应的路由处于活动状态时，该类名将会被添加到链接上，让你可以为激活链接设置不同的样式。 修改router-link的router-link-active属性名称可以通过在Vue Router的配置中修改linkActiveClass字段来实现。默认情况下，激活链接会添加router-link-active类名，你可以通过修改linkActiveClass字段来指定其他的类名。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值