1.如何使用 qs 模块???
![](https://img.haomeiwen.com/i11286270/9ecaa6709d1d639e.png)
2.组件的内容分发
![](https://img.haomeiwen.com/i11286270/ba008c80195d6138.png)
![](https://img.haomeiwen.com/i11286270/af7312feb33ce244.png)
![](https://img.haomeiwen.com/i11286270/32a1b72947fc39ca.png)
3.局部组件
假如parent和child是在vm实例中注册的两个组件,他们都是在vm实例管理的范围内(#app),所以直接可以使用这两个组件。组件是独立的个体,只有形成包含关系,才能够变为父子级嵌套组件。因为child组件是注册在 parent组件中的,所以在parent组件管理的范围内容,直接可以使用这个组件。将child组件作为parent对象的值,注意使用关键词components
![](https://img.haomeiwen.com/i11286270/945fb9c7be74ce59.png)
4.路由
路由即:浏览器URL中的哈希值(# hash)与展示视图内容(template)之间的对应规则
vue中的路由是:hash 和 component的对应关系,一个哈希值对应一个组件
在 Web app 中,通过一个页面来展示和管理整个应用的功能。
SPA往往是功能复杂的应用,为了有效管理所有视图内容,前端路由 应运而生!
简单来说,路由就是一套映射规则(一对一的对应规则),由开发人员制定规则。
当URL中的哈希值(# hash)发生改变后,路由会根据制定好的规则,展示对应的视图内容
---路由的基本使用:
![](https://img.haomeiwen.com/i11286270/84a46e4508638062.png)
![](https://img.haomeiwen.com/i11286270/6e845b436c18a895.png)
![](https://img.haomeiwen.com/i11286270/5de2ef30e708df5f.png)
![](https://img.haomeiwen.com/i11286270/e54098a0b1b65431.png)
![](https://img.haomeiwen.com/i11286270/53ae4088584a2ee4.png)
---路由的执行过程
![](https://img.haomeiwen.com/i11286270/1f13354ec6c10336.png)
其他补充:
![](https://img.haomeiwen.com/i11286270/caa035be85d30c53.png)
![](https://img.haomeiwen.com/i11286270/6687e548e913bbc0.png)
路由参数的使用:
![](https://img.haomeiwen.com/i11286270/8cacf7d3e89a4c19.png)
![](https://img.haomeiwen.com/i11286270/04d4b68c5419e6d0.png)
![](https://img.haomeiwen.com/i11286270/3c6ff59a214455df.png)
嵌套路由的使用:
![](https://img.haomeiwen.com/i11286270/c92f298861d13466.png)
网友评论