程序员经验分享-hwhale

Vue JS 将数据从父级传递给子级的子级

2023-12-31

在Vue.js中，如何正确地将数据从父组件传递到多级子组件链？


您有几个选择：

  1. Props https://v2.vuejs.org/v2/guide/components-props.html
  2. 活动总线 https://css-tricks.com/using-event-bus-to-share-props-between-vue-components/
  3. Vuex https://vuex.vuejs.org/
  4. 提供/注入 https://v3.vuejs.org/guide/component-provide-inject.html

在这里了解更多信息：https://www.smashingmagazine.com/2020/01/data-components-vue-js/ https://www.smashingmagazine.com/2020/01/data-components-vue-js/

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vuejs

State

vueprops

Vue JS 将数据从父级传递给子级的子级 的相关文章

随机推荐

  • Python（NumPy）中相似度矩阵的高效计算

    Let X be a Bxn numpy矩阵 即 import numpy as np B 10 n 2 X np random random B n 现在 我对计算所谓的内核 甚至相似度 矩阵感兴趣K 其形状为BxB 及其 i j th

  • Laravel 内服务器发送的事件

    我正在尝试在 Laravel 4 中实现 HTML5 服务器发送的事件 我发现了这个repo https github com motyar mchat 该脚本使用server php文件以使其正常工作 我的问题是我将如何实现它以使其与控制

  • libMobileGestalt MobileGestalt.c:890: 此平台不支持 MGIsDeviceOneOfType [关闭]

    Closed 这个问题需要细节或清晰度 help closed questions 目前不接受答案 我使用的是 Xcode 9 当我加载应用程序时 我不断收到此错误 libMobileGestalt MobileGestalt c 890

  • Pytest：测试运行后如何显示生成的报告？

    我将 pytest 与pytest html https github com pytest dev pytest html测试运行后生成 HTML 报告的插件 我正在使用自动连接的会话装置在浏览器中自动打开生成的 HTML 报告 pyte

  • 从 VS2008 发布的等效 msbuild 命令

    你知道 msbuild 中的发布命令与 VS2008 中的发布命令相对应吗 我想要的是结果输出是相同的 没有 PublishedWebSites 子目录 这可以从命令行实现还是我应该使用构建文件 Thanks 通过指定 WebProject

  • ASP.NET (MVC) - 将页面渲染到文件

    我必须创建一堆静态 html 文件作为控制台 winform 作业 当前的解决方案使用字符串生成器 在将 ASP NET MVC 与强类型视图页面 System Web Mvc ViewPage 一起使用后 我想知道是否可以利用这些视图页面

  • 为什么 JavaScript 中 (true > null) 总是返回 true？

    有人能告诉我为什么下面的代码在 JavaScript 中返回 true 吗 console log true gt null returns true null就好像false在这种情况下 即0作为一个数字 true is 1作为一个数字

  • C++自由实现“有界优先级队列”

    我正在寻找一个免费软件实现有界优先级队列C 中的抽象 基本上 我需要一个数据结构 其行为就像std priority queue但始终保持着 最好的 n最多元素 Example std vector

  • mysql 在where条件下使用按列分组

    我怎样才能使这个查询工作 SELECT column1 SUM Hits AS Hits FROM table WHERE SUM Hits gt 100 GROUP BY column1 问题出在where子句上 mysql显示错误 Er

  • 列出 git post-merge hook 中更改的文件

    有没有办法让合并后挂钩获取合并更改的所有文件的列表 即使它是快进 列出已更改文件的正确 Git 命令是diff tree https git scm com docs git diff tree 还有ORIG HEAD and HEAD 捷

  • Tensorboard（PyTorch）add_graph 中的错误

    我正在关注这个 Pytorch 的张量板 https pytorch org docs stable tensorboard html文档 我有以下代码 model torchvision models resnet50 False wri

  • 使用 SSIS 2008 将 Excel 导入 SQL 时跳过行

    我需要导入如下所示的工作表 March Orders Empty Row Week Order Date Cust 3 1 271356 3 3 10 010572 3 1 280353 3 5 10 022114 3 1 290822 3

  • 检测 Windows 进程和应用程序是否正在运行

    我正在调查是否有一种方法可以以编程方式检查某个进程是否作为进程运行 在运行的 exe 列表中 AND作为打开的应用程序 即在任务栏上 并根据结果采取行动 另外 有没有办法以编程方式终止进程OR正在运行的应用程序 我们正在该服务器上运行 WA

  • WordPress URL 不返回 404 页面

    在遭受黑客攻击后 我需要一些有关 WordPress 的帮助 我已经彻底清除了黑客攻击 谷歌也删除了 该网站可能被黑客入侵 flag 黑客向 Google 提交了大量 URL 其中每个有效 URL 的末尾都包含一个随机字符串 这些在谷歌搜索

  • 使用通用约束时如何使用继承

    当我尝试实现一个允许继承的库并希望有人可以提供帮助时 我正在努力解决一些通用约束问题 我正在尝试构建一个具有 3 种风格的类库 每种风格都构建在另一种之上 对我来说 这似乎是使用泛型的绝佳机会 因为我无法通过纯继承来做我想做的事情 代码如下

  • Linq & String.ToLower() 奇怪的行为

    我在服务器端有一个查询 它从邮政编码表中返回不同城市的列表 我正在使用 WCF RIA 服务 以下查询成功返回 228 个城市provincename public IQueryable

  • OS X 中的 GNU 链接器等效命令

    我正在阅读下面的书 http www cs bham ac uk exr lectures opsys 10 11 lectures os dev pdf关于操作系统 在第 43 页中 他们使用以下命令将带注释的机器代码转换为原始机器代码文

  • 如何将 3 个 DIV 彼此对齐？

    我需要在页脚容器 DIV 中创建 3 个 DIV 分别左对齐 中对齐和右对齐 我见过的所有 CSS 示例都像我一样使用了浮动 但是 由于某种原因 DotNetNuke 无法正确解析 CSS 我发现左侧窗格正确浮动 但右侧和中间窗格位于其正下

  • 验证可执行文件的 Authenticode 签名时内存泄漏？

    我在用Win验证信任 http msdn microsoft com en us library aa388208 v VS 85 aspx使用以下函数验证某些 Windows 可执行文件的有效性 该函数在循环中调用 tmain int s

  • Vue JS 将数据从父级传递给子级的子级

    在Vue js中 如何正确地将数据从父组件传递到多级子组件链 您有几个选择 Props https v2 vuejs org v2 guide components props html 活动总线 https css tricks com

热门标签