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

Vue学习笔记(八)

透传attribute

"透传attribute"指的是传递给一个组件,却没有被改组件声明为props或emits的attribute或者v-on事件监听器。最常见的例子就是classstyleid

当一个组件以单个元素为根作渲染时,透传的attribute会自动被添加到根元素上。

注意:: 必须是唯一根元素

禁用属性继承

export default {
        inheritAttrs: false
    }

举例

<script>
    export default {
        inheritAttrs: false
    }
</script>

<template>
    <h3>透传属性</h3>
</template>

<style scoped>
.attr-container {
    color: red;
}
</style>

生命周期

每个组件在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会

20241028171419

为了方便记忆,我们可以将他们分类:

创建时:beforeCreatecreated

渲染时:beforeMountmounted

更新时:beforeUpdateupdated

卸载时:beforeUnmountunmounted


http://www.kler.cn/a/370409.html

相关文章:

  • 循环队列(C语言)
  • Chapter5.4 Loading and saving model weights in PyTorch
  • 记录 idea 启动 tomcat 控制台输出乱码问题解决
  • 云消息队列 Kafka 版 V3 系列荣获信通院“云原生技术创新标杆案例”
  • 【python】实现图像中的阴影去除 | 方案和代码
  • 【漏洞预警】FortiOS 和 FortiProxy 身份认证绕过漏洞(CVE-2024-55591)
  • Matlab 用于处理光谱数据
  • 域权限维持及后渗透密码收集
  • [笔记] ffmpeg docker编译环境搭建
  • uniapp通过id获取div的宽度,高度,位置等(应该是 任意平台都通用 )
  • redis的string是怎么实现的
  • vue3取消跟踪auto-imports.d.ts,components.d.ts这两个文件的变化
  • 新魔百和HG680LC-LY,CM311-1,860av32等热门固件汇总
  • InnoDB 存储引擎<一>InnoDB简介与MySQL存储架构及相关数据结构
  • Oracle 第5章:表与数据操作
  • 【ARM 嵌入式 编译系列 10.4.1 -- ELF 文件结构详细介绍】
  • 大模型系列——AlphaZero/强化学习/MCTS
  • 解决milvus migration 迁移数据到出现数据丢失问题
  • 如何在Django中使用模板
  • 使用linuxdeployqt打包Qt程序问题及解决方法
  • 66Analytics 汉化版,网站统计分析源码,汉化前台后台
  • 达梦数据迁移工具DTS使用实践
  • GoogleChrome的安装和使用
  • 海洋生物图像分割系统:一键训练
  • Redis未授权访问及配合SSRF总结
  • 67.基于 DDR3 SDRAM 的 TFT_LCD 图像显示