通常用于一些有固定格式的网站 比如一些网站的头部和底部都是一样的 此时即可使用默认模板 在项目的根目录下创建一个名为 重启服务器 即可显示效果 默认布局和默认模板的区别是 默认布局只能修改<template>标签内的布局 而默认模板能修改整个页面 在
一、默认模板和默认布局
默认模板
app.html的文件 Nuxt即可自动将其识别为默认模板：
用法和字符串拼接有点类似 可将{{HEAD}}视为头部内容 将{{APP}}视为页面主体内容
(HEAD和APP都需大写)<!DOCTYPE html> <html lang="en"> <head> {{HEAD}} </head> <body> <p>测试1</p> {{APP}} <p>测试2</p> </body> </html>
同样 删除默认模板也需要重启服务器才可生效默认布局
在layouts/default.vue里设置默认布局：<template> <div> <p>测试1</p> <nuxt /> <p>测试2</p> </div> </template> 二、自定义错误页面
layouts/error.vue里定义错误页面：
当进入错误页面默认会传入一个error对象 用props接收 用v-if和v-else进行状态码的判断<template> <div> <h1 v-if="error.statusCode === 404">页面不存在</h1> <h1 v-else>页面发生了一个错误</h1> <nuxt-link to="/">返回首页</nuxt-link> </div> </template> <script> export default { props: ["error"], layout: "blog" // 可以为错误页面指定自定义的布局 } </script>
本网页所有视频内容由 imoviebox边看边下-网页视频下载, iurlBox网页地址收藏管理器 下载并得到。
ImovieBox网页视频下载器 下载地址: ImovieBox网页视频下载器-最新版本下载
本文章由: imapbox邮箱云存储,邮箱网盘,ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片,imoviebox网页视频批量下载器,下载视频内容,为您提供.
阅读和此文章类似的: 全球云计算
官方软件产品操作指南 (170)
