当前位置：网站首页 > 技术分类 > 正文

Vue源代码阅读9值provide属性初始化

ztj100 2024-11-12 14:22 15 浏览 0 评论

provide属性和inject属性是需要进行搭配使用的，用于跨越父子组件的数据祖先组件向后代组件传输数据。这里我们将对provide属性的初始化进行讲解。

export function initProvide (vm: Component) {
  const provide = vm.$options.provide
  if (provide) {
    vm._provided = typeof provide === 'function'
      ? provide.call(vm)
      : provide
  }
}

从程序的源代码看provide的初始化过程还是比较简单的，首先看组件中的$options属性中是否具有provide属性如果没有就不进行处理。如果有根据provide的值类型是否是函数，如果是函数则进行调用如果不是函数就直接进行赋值。并设置到组件对象的_provided属性中。

vue provide

上一篇：VueUse 是怎么封装Vue3 Provide/Injec
下一篇：Vue3实战笔记(54)—1分钟学会mitt，轻松玩转跨组件通讯

相关推荐

刚刚!腾讯紧急辟谣“海量数据被黑客窃取”: 针对网络上“黑客声称窃取海量腾讯数据”的相关信息，腾讯QQ安全中心14日回应中新经纬称，过去两年中，类似的虚假信息被海外黑客多次反复炒作，数据口径也不断膨胀，出现过7亿、12亿、14亿等多个版本，也被...

排除黑客攻击可能性德国机场电脑系统故障系技术原因: 德国联邦内政部一名发言人当地时间4日告诉媒体，根据当前的评估情况，德国此前一天数个机场的计算机系统出现故障纯粹是技术原因，“迄今为止，没有迹象表明发生了黑客攻击或任何其他信息技术安全事件。”按照该发言...

黑客声称窃取腾讯14亿用户账号信息?腾讯公关总监、QQ安全中心紧急辟谣: 每经编辑：杜宇据大河财立方8月14日消息，名为“Fenice”的黑客发帖曝料称，其窃取了腾讯的海量数据库，手握14亿用户账号信息。据报道，该数据库采用JSON格式，包括电子邮件地址、手机号码和QQID...

排除黑客攻击可能性，德国机场电脑系统故障系技术原因: 德国联邦内政部一名发言人当地时间4日告诉媒体，根据当前的评估情况，德国此前一天数个机场的计算机系统出现故障纯粹是技术原因...

波兰反兴奋剂机构遭到黑客攻击，数据泄露: 当地时间8月9日，波兰反兴奋剂机构（POLADA）宣布，该机构成为黑客攻击的受害者，该机构的数据被泄露，机构官网无法正常运行。波兰反兴奋剂机构（POLADA）在社交媒体上发文称，该机构保证已采取必要措...

严打网络谣言、黑客犯罪……2025年“净网”“护网”专项工作部署会召开: 2025年“净网”“护网”专项工作部署会20日在京召开。会议要求，要坚持以打开路，进一步构筑“净网”工作新格局。要加大打的力度，紧盯人民群众反映强烈的各类网络乱象，持续依法严打侵犯公民个人信息、网络...

捷克总理社交媒体账号遭黑客攻击（捷克客户）: 当地时间4月8日，捷克政府发言人耶沙特科娃表示，总理菲亚拉在社交媒体平台“X”（前身为推特）上的账号当天早上遭到黑客攻击并发布了虚假信息。耶沙特科娃称，“尽管采取了所有安全措施”，仍未能幸免，目前正在...

比利时多个政府网站遭黑客组织攻击: 总台记者当地时间24日获悉，比利时多个政府网站当天遭俄罗斯黑客组织NoName057攻击。比利时网络安全中心证实，政府门户网站MyGov.be当天无法访问，瓦隆大区议会网站以及数个布鲁塞尔行政网站也一...

曝光!台湾黑客恶意诋毁侮辱抗日英雄: 台湾“资通电军”伪装的黑客组织，对大陆和港澳地区的数字媒体服务系统，以及相关网站、户外电子屏幕、网络电视等开展渗透入侵，违法上传发布大量“台独”分裂、“精日”等标语，恶意诋毁侮辱中华民族抗日英雄，借中...

WPS 隐藏黑科技!OCT2HEX 函数用法全攻略，数据转换不再愁: WPS隐藏黑科技！OCT2HEX函数用法全攻略，数据转换不再愁在WPS表格的强大函数库中，OCT2HEX函数堪称数据进制转换的“魔法钥匙”。无论是程序员处理代码数据，还是工程师进行电路设计...

WPS 表格隐藏神器!LEFTB 函数让文本处理更高效: WPS表格隐藏神器！LEFTB函数让文本处理更高效在职场办公和日常数据处理中，WPS表格堪称我们的得力助手，而其中丰富多样的函数更是提升效率的关键。今天，要为大家介绍一个“宝藏函数”——LEF...

Java lombok 使用教程（lombok.jar idea）: 简介Lombok是...

PART 48: 万能结果自定义，SWITCH函数!: 公式解析SWITCH:根据值列表计算表达式并返回与第一个匹配值对应的结果。如果没有匹配项，则返回可选默认值用法解析1：评级=SWITCH(TRUE,C2>=90,"优秀",C2...

Excel 必备if函数使用方法详解（excel表if函数使用）: excel表格if函数使用方法介绍打开Excel，在想输出数据的单元格点击工具栏上的“公式”--“插入函数”--“IF”,然后点击确定。...

Jetty使用场景（jetty入门）: Jetty作为一款高性能、轻量级的嵌入式Web服务器和Servlet容器，其核心优势在于模块化设计、快速启动、低资源消耗...

取消回复欢迎你发表评论:

一周热门

最近发表

首页
收录
顶部