小編這次要給大家分享的是Nuxt如何實(shí)現(xiàn)默認(rèn)模板、默認(rèn)布局和自定義錯(cuò)誤頁(yè)面，文章內(nèi)容豐富，感興趣的小伙伴可以來(lái)了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。

成都創(chuàng)新互聯(lián)長(zhǎng)期為上千客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為互助企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站，互助網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

一、默認(rèn)模板和默認(rèn)布局

通常用于一些有固定格式的網(wǎng)站 比如一些網(wǎng)站的頭部和底部都是一樣的 此時(shí)即可使用默認(rèn)模板

默認(rèn)模板

在項(xiàng)目的根目錄下創(chuàng)建一個(gè)名為app.html的文件 Nuxt即可自動(dòng)將其識(shí)別為默認(rèn)模板：

用法和字符串拼接有點(diǎn)類似 可將{{HEAD}}視為頭部?jī)?nèi)容 將{{APP}}視為頁(yè)面主體內(nèi)容
(HEAD和APP都需大寫)

  {{HEAD}}


  
測(cè)試1
  {{APP}}
  
測(cè)試2

重啟服務(wù)器 即可顯示效果
同樣 刪除默認(rèn)模板也需要重啟服務(wù)器才可生效

默認(rèn)布局

默認(rèn)布局和默認(rèn)模板的區(qū)別是 默認(rèn)布局只能修改