尚硅谷vue路由笔记

尚硅谷的Vue路由笔记主要包括在app.vue中设置路由出口、开启replace模式以及引入Vue和Vue Router等内容。在app.vue中，我们可以使用&lt;router-view&gt;&lt;/router-view&gt;标签来设置路由出口，用于展示不同路由对应的组件。要开启replace模式，可以在&lt;router-link&gt;标签中添加replace属性，例如&lt;router-link replace ...&gt;News&lt;/router-link&gt;这样点击路由链接时，不会添加新的浏览器历史记录，而是替换当前的记录。在使用Vue Router之前，我们需要先引入Vue和Vue Router库。可以通过以下代码来引入：import Vue from 'vue'; import VueRouter from 'vue-router'。这样就可以在项目中使用Vue和Vue Router来实现路由导航的功能了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vue项目笔记（尚硅谷）](https://blog.csdn.net/m0_46233342/article/details/123071857)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [【笔记整理】Vue Router路由管理器详解（尚硅谷vue学习资料总结）](https://blog.csdn.net/fangyuan__/article/details/126075358)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]