关于 <nuxt/> 理解

来源:7-8 首页菜单(2)

慕小庄

2019-11-26

<template>
  <el-container class="layout-default">
  
	--- header ---  
    <el-header height="auto">
      <MyHeader/>
    </el-header>
    
    --- body --- 
    <el-main>
      <div>
        <nuxt/>
      </div>
    </el-main>
    
    --- footer ---
    <el-footer style="height:auto;">
      <MyFooter/>
    </el-footer>
  </el-container> 
  
</template>

快乐老师你好:
我在听课的同时也在复习老师之前讲课的内容,想询问老师关于 我目前的理解:
在 layouts 文件中,default.vue 中的内容,就是一个 集合模板,navbar、header、footer 绝大部分页面都会使用的组件,放在layout file/default.vue 即可, 则是 pages/index.vue 对应文件,pages/index.vue 有什么, 就会出现什么

  1. 老师,请问这样的理解是否正确?
  2. 如果其他页面 有不需要 default.vue 里面的某一个组件 那该怎么办?(例如:不需要footer组件)

麻烦老师解惑,谢谢您。

写回答

2回答

快乐动起来呀

2019-11-27

理解是没问题,能放在模板中的同学一定是大家共用的,如果不共用可以考虑拆分模板

0
1
慕小庄
非常感谢!
2019-11-27
共1条回复

慕小庄

提问者

2019-11-26

2. 答案在 8-1 註冊(1)02:40 中,使用  layout: ' xxxx ', 放入對於的pages 文件內 即可 


0
0

Vue全家桶+SSR+Koa2全栈开发美团网

整合大前端8项技术,全面晋级全栈工程师,毕设/面试作品

2445 学习 · 1638 问题

查看课程