詳解如何在vue項(xiàng)目中設(shè)置首頁(yè)
如何在vue項(xiàng)目中設(shè)置首頁(yè)
1、首先創(chuàng)建一個(gè)vue為后綴名的文件，最好在新建的文件夾下面創(chuàng)建，如下圖所示：
說(shuō)明：一般我們的主要頁(yè)面代碼都是寫(xiě)在vue 項(xiàng)目中的這個(gè)src文件夾下，項(xiàng)目中所會(huì)引用到的組件放在src文件夾下的components文件夾里面。
2、找到router文件夾，在router文件夾下的index.js文件中設(shè)置主頁(yè)面路由
注意：頁(yè)面路徑一定不能錯(cuò)，否則瀏覽器無(wú)法渲染，要設(shè)置的主頁(yè)面路徑等內(nèi)容在routes下設(shè)置為第一位。
3、修改成功
到此這篇關(guān)于詳解如何在vue項(xiàng)目中設(shè)置首頁(yè)的文章就介紹到這了,更多相關(guān)vue設(shè)置首頁(yè)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue實(shí)現(xiàn)頂部導(dǎo)航欄以及跳轉(zhuǎn)
這篇文章主要介紹了vue實(shí)現(xiàn)頂部導(dǎo)航欄以及跳轉(zhuǎn)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-09-09
electron+vue實(shí)現(xiàn)div contenteditable截圖功能
這篇文章主要介紹了electron+vue實(shí)現(xiàn)div contenteditable截圖功能,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-01-01
詳解vue 模擬后臺(tái)數(shù)據(jù)（加載本地json文件）調(diào)試
本篇文章主要介紹了詳解vue 模擬后臺(tái)數(shù)據(jù)（加載本地json文件）調(diào)試，具有一定的參考價(jià)值，有興趣的可以了解一下2017-08-08
Vue+Element實(shí)現(xiàn)動(dòng)態(tài)生成新表單并添加驗(yàn)證功能
這篇文章主要介紹了Vue+Element實(shí)現(xiàn)動(dòng)態(tài)生成新表單并添加驗(yàn)證功能，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05
el-table-column疊加el-popover使用示例小結(jié)
el-table-column有一列展示多個(gè)tag信息,實(shí)現(xiàn)點(diǎn)擊tag展示tag信息以及tag對(duì)應(yīng)的詳細(xì)信息,本文通過(guò)示例代碼介紹el-table-column疊加el-popover使用示例小結(jié),感興趣的朋友跟隨小編一起看看吧2024-04-04
Vue實(shí)現(xiàn)的父組件向子組件傳值功能示例
這篇文章主要介紹了Vue實(shí)現(xiàn)的父組件向子組件傳值功能,結(jié)合完整實(shí)例形式簡(jiǎn)單分析了vue.js組件傳值的相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
Vue實(shí)戰(zhàn)記錄之登陸頁(yè)面的實(shí)現(xiàn)
最近學(xué)習(xí)過(guò)程中常碰到讓用戶登錄注冊(cè)這種,這篇文章主要給大家介紹了關(guān)于Vue實(shí)戰(zhàn)記錄之登陸頁(yè)面實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2021-06-06
下面小編就為大家分享一篇vue.js獲得當(dāng)前元素的文字信息方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
在Vue中使用scoped屬性實(shí)現(xiàn)樣式隔離的原因解析
scoped是Vue的一個(gè)特殊屬性,可以應(yīng)用于<style>標(biāo)簽中的樣式,這篇文章給大家介紹在Vue中,使用scoped屬性為什么可以實(shí)現(xiàn)樣式隔離,感興趣的朋友一起看看吧2023-12-12
Vue3實(shí)現(xiàn)雙向綁定的基本原理和代碼示例解析
Vue3中的響應(yīng)式系統(tǒng)由Proxy實(shí)現(xiàn),它取代了Vue2中的Object.defineProperty,提供了更強(qiáng)大的功能和更好的性能,下面給大家介紹Vue3實(shí)現(xiàn)雙向綁定的基本原理和代碼示例解析,感興趣的朋友一起看看吧2024-12-12