博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue中路由的认识
阅读量:6098 次
发布时间:2019-06-20

本文共 950 字,大约阅读时间需要 3 分钟。

  vue.js中路由的本质以及应用

  路由允许我们通过不同的 URL 访问不同的内容。该 URL 可以是我们自己设置的,在项目中并没有这样的文件夹,这种功能就是路由.

  路由的本质是hash值!

  vue 中的路由设置分为四步曲 : 

    定 :  定义路由组件

      配  :  配置路由

    实  :  实例化路由

    挂  :  挂载路由

  实例:

  1. 在HTML中写入内容

            
路由设置
主页
列表
尾页

  2.模块化思想设置vue路由

 

  路由传参

  参数分为形参和实参,如果要在上面的实例中进行传参,只需要加入参数即可

  

  实参:

  路由嵌套

  路由嵌套,就是把一个路由嵌套在另一个路由当中,在vue中仍然是用router-link标签,但需要把嵌套的路由写在被嵌套路由的模板中

  

    同样,子级也有子级的模板

   

     定义子级的路由

    

    在配置子级时需要加参数 children

    

  以上便是我对路由的认识!

  

  

 

转载于:https://www.cnblogs.com/461770539-qq/p/9362623.html

你可能感兴趣的文章
[SCOI2005][BZOJ 1084]最大子矩阵
查看>>
学习笔记之Data Visualization
查看>>
Leetcode 3. Longest Substring Without Repeating Characters
查看>>
【FJOI2015】金币换位问题
查看>>
数学之美系列二十 -- 自然语言处理的教父 马库斯
查看>>
Android实现自定义位置无标题Dialog
查看>>
面试总结
查看>>
Chrome浏览器播放HTML5音频没声音的解决方案
查看>>
easyui datagrid 行编辑功能
查看>>
类,对象与实例变量
查看>>
HDU 2818 (矢量并查集)
查看>>
【转】php字符串加密解密
查看>>
22. linux 常用命令
查看>>
ASP.Net 使用GridView模板删除一行的用法
查看>>
(十六)字段表集合
查看>>
JPGraph
查看>>
实验二 Java面向对象程序设计
查看>>
------__________________________9余数定理-__________ 1163______________
查看>>
webapp返回上一页 处理
查看>>
新安装的WAMP中phpmyadmin的密码问题
查看>>