今天就跟大家聊聊有關(guān)nuxt中如何配置頁(yè)面路由，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

成都創(chuàng)新互聯(lián)公司成都網(wǎng)站建設(shè)按需搭建網(wǎng)站，是成都網(wǎng)站設(shè)計(jì)公司,為輕質(zhì)隔墻板提供網(wǎng)站建設(shè)服務(wù),有成熟的網(wǎng)站定制合作流程，提供網(wǎng)站定制設(shè)計(jì)服務(wù)：原型圖制作、網(wǎng)站創(chuàng)意設(shè)計(jì)、前端HTML5制作、后臺(tái)程序開發(fā)等。成都網(wǎng)站建設(shè)熱線：028-86922220

去到pages目錄，我們需要?jiǎng)?chuàng)建3個(gè)[nuxt_link_name].vue頁(yè)面文件，用來(lái)匹配路由導(dǎo)航需要加載的頁(yè)面；

好，我們進(jìn)入命令行，來(lái)創(chuàng)建頁(yè)面文件，

1、windows 系統(tǒng)下可以使用如下命令：

for /r %v in ( index.vue , jokes.vue, about.vue ) do type null > %v

2、linux/mac 系統(tǒng)下可以使用如下命令：

touch index.vue jokes.vue about.vue

好的，我們接下來(lái)，把項(xiàng)目拖拽到vs code代碼編輯器中，在開發(fā)之前呢，我們需要安裝一款輔助vue項(xiàng)目開發(fā)的插件Vetur ；我們進(jìn)入編輯器，點(diǎn)擊

左側(cè)菜單的擴(kuò)展按鈕，或者使用快捷鍵ctrl + shift + x ，然后左側(cè)就會(huì)出現(xiàn)擴(kuò)展應(yīng)用商店列表，我們?cè)谏厦娴乃阉骺蛑校斎隫etur 回車查找，

點(diǎn)擊第一個(gè)查詢結(jié)果點(diǎn)擊，右側(cè)就會(huì)出現(xiàn)Vetur的詳情簡(jiǎn)介，我們可以點(diǎn)擊上面安裝按鈕，進(jìn)行安裝；我們需要這個(gè)插件，對(duì)我們的.vue文件語(yǔ)法高亮；

接下來(lái)，我們來(lái)設(shè)置下，快速生成vue基本的文件結(jié)構(gòu)，我們?cè)谖募?-> 選項(xiàng) -> 用戶代碼片段 打開后，會(huì)有一個(gè)搜索框，我們輸入vue ；編輯器會(huì)

默認(rèn)打開一個(gè)vue.json，我們使用下面的內(nèi)容覆蓋：

{
 "Print to console": {
  "prefix": "vue",
  "body": [
   "<template>",
   " <div>$0</div>",
   "</template>",
   "",
   "<script>",
   "export default {",
    "data(){",
     " return {} ",
    "}",
   "",
   "}",
   "",
   "</script>",
   "<style scoped>",
   "</style>"
  ],
  "description": "Log output to console"
 }
}

當(dāng)前標(biāo)題：nuxt中如何配置頁(yè)面路由-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)網(wǎng)址：http://chinadenli.net/article2/dgpdoc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、小程序開發(fā)、標(biāo)簽優(yōu)化、網(wǎng)站內(nèi)鏈、品牌網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)