当前位置: 首页 > news >正文

8.自定义组件布局和详解Context上下文

pages/index.vue

layout布局运行在服务端
1、在项目的目录下新建layout文件夹,并新建一个blog.vue布局文件
在这里插入图片描述

2、在页面中的layout函数里,返回刚才新建布局文件的名字blog就可以使用了

export default {...layout (context) {console.log(context)return "blog"},...
}

* 如果布局文件是在某个目录下比如layouts/blog/index.vue,在使用的时候则需要返回"blog/index"
在这里插入图片描述

http://www.lryc.cn/news/211165.html

相关文章:

  • 几个Web自动化测试框架的比较:Cypress、Selenium和Playwright
  • Android Studio中配置aliyun maven库
  • 记录使用阿里 ARoute 遇到的坑
  • lesson2(补充)关于const成员函数
  • 前端 :用HTML ,JS写一个 双色球彩票中将机制,因为时间不够,加上本人懒没有用CSS美化界面,多包涵
  • 前端页面如何自适应--4种方法
  • 2024王道考研计算机组成原理——总线
  • 【Linux】进程概念(下)
  • 基于Spring Boot的本科生就业质量设计与实现
  • 238. 除自身以外数组的乘积 --力扣 --JAVA
  • 如何判断一个类是线程安全的
  • MyBatis的各种查询功能
  • 【Tomcat】如何在idea上部署一个maven项目?
  • Three.js 材质的 blending
  • 关于pcl 给new出的数据赋值报错问题
  • window11 更改 vscode 插件目录,释放C盘内存
  • 【PyQt学习篇 · ⑥】:QWidget - 事件
  • Vue、jquery和angular之间区别
  • MATLAB算法实战应用案例精讲-【图像处理】机器视觉(基础篇)(六)
  • 硬件知识积累 RS232 接口
  • 机器人入门(四)—— 创建你的第一个虚拟小车
  • 部署K8S
  • [NSSCTF 2nd] web刷题记录
  • MyBatis获取参数值的两种方式(重点)
  • Cesium弹窗可随地图移动
  • MySQL WITH AS及递归查询
  • Harbor私有镜像仓库搭建
  • 线段树 区间赋值 + 区间加减 + 求区间最值
  • 大模型之十九-对话机器人
  • 『力扣刷题本』:删除排序链表中的重复元素