詳解vue組件中使用路由方法
更新時(shí)間：2019年02月12日 14:21:02 投稿：laozhang
在本篇文章里小編給大家分享了關(guān)于vue組件中使用路由的詳細(xì)步驟內(nèi)容，有需要的朋友們跟著學(xué)習(xí)下。
vue組件中使用路由
1.實(shí)現(xiàn)下載路由模塊 的命令如下
2.引入路由的命令如下
3.實(shí)現(xiàn)接著通過(guò)use在vue全局注冊(cè)使用的命令如下
4.最后將路由表導(dǎo)出的命令如下
5.在main.js中引入路由組件命令如下
6.在App.vue的模板中設(shè)置路由出口的命令如下
7.實(shí)現(xiàn)添加組件步驟如下
8.把組件添加到路由表的操作步驟如下
以上8點(diǎn)就是關(guān)于vue組件中使用路由的步驟，感謝大家對(duì)腳本之家的支持。
相關(guān)文章
props是Vue中最常見(jiàn)的父子通信方式,使用起來(lái)也比較簡(jiǎn)單,下面這篇文章主要給大家介紹了關(guān)于Vue3中props和emit的使用方法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03
vue的全局變量和全局?jǐn)r截請(qǐng)求器的示例代碼
這篇文章主要介紹了vue的全局變量和全局?jǐn)r截請(qǐng)求器的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
vue2.0 兄弟組件(平級(jí))通訊的實(shí)現(xiàn)代碼
這篇文章主要介紹了vue2.0 兄弟組件(平級(jí))通訊的實(shí)現(xiàn)代碼，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2018-01-01
el-form resetFields無(wú)效和validate無(wú)效的可能原因及解決方法
本文主要介紹了el-form resetFields無(wú)效和validate無(wú)效的可能原因及解決方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)五子棋游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-05-05
Vue.js 2.0 和 React、Augular等其他前端框架大比拼
這篇文章主要介紹了Vue.js 2.0 和 React、Augular等其他前端框架大比拼的相關(guān)資料,React 和 Vue 有許多相似之處,本文給大家提到，需要的朋友可以參考下2016-10-10
使用Vue和React分別實(shí)現(xiàn)錨點(diǎn)定位功能
這篇文章主要為大家詳細(xì)介紹了如何使用Vue和React分別實(shí)現(xiàn)錨點(diǎn)定位功能,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,有需要的小伙伴可以學(xué)習(xí)一下2024-01-01
如果在template里使用的是ref類型的數(shù)據(jù),?那么Vue會(huì)自動(dòng)幫我們添加.value，如果在template里使用的是reactive類型的數(shù)據(jù),?那么Vue不會(huì)自動(dòng)幫我們添加.value，這篇文章主要介紹了vue3?中ref和reactive的區(qū)別,需要的朋友可以參考下2022-12-12
在vue中獲取token,并將token寫(xiě)進(jìn)header的方法
今天小編就為大家分享一篇在vue中獲取token,并將token寫(xiě)進(jìn)header的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
vue3使用Electron打包成exe的方法與打包報(bào)錯(cuò)解決
在前端開(kāi)發(fā)中,Electron是一種常用的工具,它允許開(kāi)發(fā)者使用Web技術(shù)構(gòu)建桌面應(yīng)用程序,本文主要介紹了vue3使用Electron打包成exe的方法與打包報(bào)錯(cuò)解決,具有一定的參考價(jià)值,感興趣的可以了解一下2024-06-06