路由组件与一般组件的区别

点击量:5380 来源:解译网 发表时间:2023-03-30 06:34作者:吴佩彦

今天给各位分享路由组件与一般组件的知识,其中也会对路由组件与一般组件的区别进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

1、Vue 何时适合用组件?何时适合用路由?

2、Vue普通组件与路由组件传参

3、路由组件传参

4、路由器硬件组件通常分为那三个部分

Vue 何时适合用组件?何时适合用路由?

router:根据不同的地址跳转到不同的页面

一、vue-router的使用

1.下载路由模块 npm vue-router --save

2.在router.js中

先引入路由 import Router from 'vue-router'

接着通过use在vue全局注册使用 Vue.use(Router)

最后将路由表导出 export default new router({ })

3.在main.js中引入路由组件 import router from './router'

4.以参数形式写到根目录中 在vue实例对象中声明router

5.最后在App.vue的模板中设置路由出口 router-view/router-view

二、添加组件步骤

1.在src的components下添加组件 apple.vue

2.在app.vue的script标签

引入 新添的组件 import apple from './componets/apple'

在data后注册每个组件 components:{apple}

在template标签里用组件名写一个标签apple/apple

3.通过命令npm run dev 运行项目查看组件是否添加成功

三、将组件添加到路由表的步骤:

1.安装路由 npm install vue-router --save

2.将components里的组件引入配置到router.js中

先引入组件 import...

再配置路由路径

3.在main.js中使用router

先引入路由 import...

再在vue实例中指定router

4.在App.vue中模板中添加路由链接 router-link和出口router-view

Vue普通组件与路由组件传参

对象模式主要用于前期开发时的测试

由于普通组件和路由组件传参的形式不同,body与JavaScript中均有较大变动,现在有一种方法,在路由配置项 route 中添加 props:true , 会把params中的键值对以props的形式传入组件 中,使普通组件当做路由组件使用

路由组件传参

路由组件传参

我们通常把路由直接映射的组件成为路由组件,也只有路由组件才能直接调用路由有关对象:“$router”“$route”

当我们一个组件即希望作为路由组件使用,又可能作为功能组件去使用,这个时候路由组件传参的方式来做到这点

案例

我们对item.vue组件进行改造,当我们在home.vue的商品列表移入移出,出现商品信息提示

Home.vue

因为原来的Item.vue组件时通过 this.$route.params.itemId 来接收itemId的,但是作为功能组件itemId需要通过prop来传入了,这个时候,我们需要对Item.vue组件进行改造

但是这个时候,我们的Item.vue可以接收来自props的参数,却不可以处理来自路由的params参数了,为了能给Irem.vue组件既能接收props传递的参数,也能接收route.params传递的参数,需要对路由也进行一些改造

默认处理

当 props 设置 为 true,那么 route.params 中的数据自动就会被设置为组件属性与组件原有 props 进行合并

对象模式的

我们也可以有选择的返回props

回调函数模式

也可以使用回调函数模式

路由器的硬件组件通常分为那三个部分

路由器的硬件组件通常分为中央处理器、随机访问存储器、只读存储器。

路由器是连接两个或多个网络的硬件设备,在网络间起网关的作用,是读取每一个数据包中的地址然后决定如何传送的专用智能性的网络设备。

它能够理解不同的协议,例如某个局域网使用的以太网协议,因特网使用的TCP/IP协议。这样,路由器可以分析各种不同类型网络传来的数据包的目的地址,把非TCP/IP网络的地址转换成TCP/IP地址,或者反之。

再根据选定的路由算法把各数据包按最佳路线传送到指定位置。所以路由器可以把非TCP/ IP网络连接到因特网上

扩展资料:

如果在FLASH中没有找到ISO文件的话,那么路由器将会进入BOOT模式,在BOOT模式下可以使用TFTP上的ISO文件。或者使用TFTP/X-MODEM来给路由器的FLASH中传一个ISO文件。传输完毕后重新启动路由器,路由器就可以正常启动到CLI模式。

当路由器初始化完成ISO文件后,就会开始在NVRAM中查找STARTUP-CONFIG文件,STARTUP-CONFIG叫做启动配置文件。该文件里保存了我们对路由器所做的所有的配置和修改。

当路由器找到了这个文件后,路由器就会加载该文件里的所有配置,并且根据配置来学习、生成、维护路由表,并将所有的配置加载到RAM里后,进入用户模式,最终完成启动过程

路由组件与一般组件的区别

路由组件与一般组件的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于路由组件与一般组件的区别、路由组件与一般组件的信息别忘了在本站进行查找喔。

  • vue组件封装原则

    网友白晓春提问:vue组件封装原则 解译网将综合多位内业人士从不同角度和维度来解答 本篇文章给大家谈谈vue封装组件库路由配置,以

    2023-04-10阅读:0
  • 路由器的硬件构成中不包括下面哪个组件?

    网友王喜军提问:路由器的硬件构成中不包括下面哪个组件? 解译网将综合多位内业人士从不同角度和维度来解答 本篇文章给大家谈谈路由器的

    2023-04-01阅读:0
  • 路由组件与一般组件的区别

    网友张霁提问:路由组件与一般组件的区别 解译网将综合多位内业人士从不同角度和维度来解答 今天给各位分享路由组件与一般组件的知识,其

    2023-03-30阅读:0
  • 路由器插件更新

    网友张霁提问:路由器插件更新 解译网将综合多位内业人士从不同角度和维度来解答 本篇文章给大家谈谈路由组件更新的过程是什么,以及路由

    2023-03-12阅读:0
  • 路由器天线用途

    网友黄灿华提问:路由器天线用途 解译网将综合多位内业人士从不同角度和维度来解答 本篇文章给大家谈谈路由器天线组件有哪些型号,以及路

    2023-03-06阅读:0
  • 路由目的地址

    网友林欣提问:路由目的地址 解译网将综合多位内业人士从不同角度和维度来解答 今天给各位分享路由地址组件路径若依的知识,其中也会对路

    2023-02-21阅读:0
声明

删帖请联系zhiyihome@qq.com;