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

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

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

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

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

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

左側(cè)菜單的擴展按鈕，或者使用快捷鍵ctrl + shift + x ，然后左側(cè)就會出現(xiàn)擴展應(yīng)用商店列表，我們在上面的搜索框中，輸入Vetur 回車查找，

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

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

默認(rèn)打開一個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中如何配置頁面路由-創(chuàng)新互聯(lián)
網(wǎng)頁網(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)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)