Vue路由

1. 基本概念:
  • route,它是一条路由,由这个英文单词也可以看出来,它是单数, Home按钮 => home内容, 这是一条route, about按钮 => about 内容, 这是另一条路由。
  • routes 是一组路由,把上面的每一条路由组合起来,形成一个数组。[{home 按钮 =>home内容 }, { about按钮 => about 内容}]
  • router 是一个机制,相当于路由的管理者,当用户点击home 按钮,router 到routes 中去查找到对应的 home 内容,所以页面中就显示了 home 内容。
2. Vue路由实现过程

Vue的所有内容都是组件化的,把路径和组件对应起来之后利用router配对路径,渲染相应组件。

<router-link>``定义页面中点击的部分,``<router-view>定义显示的部分。<router-link to="/home”>就定义了点击后去的页面。

  • 一个路由route的组成分为两部分-path和component 前者指路径,后者是组件

  • 多个路由组成一组路由routes

    const  routes = [
      { path: '/home', component: Home },
      { path: '/about', component: About }
    ]
    
  • 由router对创建的路由进行管理,通过构造函数创建出router对象

    const router =new VueRouter({routes})
    
  • 配置完成后,将router实例注入到vue根实例中

    const app = new Vue({
      router
    }).$mount('#app')
    

    当用户点击router-link标签时,就会去寻找它的to属性,to属性的路径与routes配置的path去相对应,从而找到匹配的组件,将组件渲染到<router-view>标签所在。router-link的本质为a标签,to属性对应a标签的href属性。

3. 路由重定向-常用于设置初始页面

例如使访问路径为/ 或为/login时都能访问到login页面,则routes配置如下

	path:"/login",
	component: login

    path: '/', 
    redirect: '/login

如果不用重定向而直接pah:/ component:login,将会导致两个路径指向同一个组件,vue报错-存疑,一个路径不指向两个组件就行了呗?


2024.7.31

Vivado2023是一款集成开发环境软件,用于设计和验证FPGA(现场可编程门阵列)和可编程逻辑器件。对于使用Vivado2023的用户来说,license是必不可少的。 Vivado2023的license是一种许可证,用于授权用户合法使用该软件。许可证分为多种类型,包括评估许可证、开发许可证和节点许可证等。每种许可证都有不同的使用条件和功能。 评估许可证是免费提供的,让用户可以在一段时间内试用Vivado2023的全部功能。用户可以使用这个许可证来了解软件的性能和特点,对于初学者和小规模项目来说是一个很好的选择。但是,使用评估许可证的用户在使用期限过后需要购买正式的许可证才能继续使用软件。 开发许可证是付费的,可以永久使用Vivado2023的全部功能。这种许可证适用于需要长期使用Vivado2023进行开发的用户,通常是专业的FPGA设计师或工程师。购买开发许可证可以享受Vivado2023的技术支持和更新服务,确保软件始终保持最新的版本和功能。 节点许可证是用于多设备或分布式设计的许可证,可以在多个计算机上安装Vivado2023,并共享使用。节点许可证适用于大规模项目或需要多个处理节点进行设计的用户,可以提高工作效率和资源利用率。 总之,Vivado2023 license是用户在使用Vivado2023时必须考虑的问题。用户可以根据自己的需求选择合适的许可证类型,以便获取最佳的软件使用体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值