我的函数应该使用自身的参数将 JSON 迭代地插入到特定级别的嵌套 JSON 的每个元素中，它复制了返回的第一个对象并将其插入到每个嵌套参数中。请参阅下面的屏幕截图和代码，以了解我在做什么。

基本上，我在状态中有一个嵌套的 JSON 对象，并且需要使用从 API 返回 JSON 的操作然后更新状态的突变迭代地附加到现有对象的每个“行”的嵌套属性。

问题在于我认为的突变。我推断我的函数是复制从 API 返回的第一个 JSON 对象。请参阅下面的 Action 和 Mutation 函数，以及 JSON 的 API 函数和结构。

http://api.capecodcommission.org/docs/index.html#sumofannualcapitaltotalsfortreatment

特定组件中的函数使用 v-for 运行：

运行函数，查看 JSON：

V-for 循环：

接口函数：

行动：从 API 中提取 JSON，调度突变函数。

突变：使用 JSON 更新状态。

编辑：下面的图片

组件：http: //i.imgur.com/lcS5Fgo.jpg

JSON结构：http: //i.imgur.com/AsANZOp.jpg

所以问题是如何在目录中构造组件，遵循哪种设计模式更好？

概述

在 Vue.js 2.x 中，model.sync将被弃用。

那么，在Vue.js 2.x中的兄弟组件之间进行通信的正确方法是什么？

背景

据我了解 Vue.js 2.x，兄弟通信的首选方法是使用 store 或 event bus。

根据Evan（Vue.js 的创建者）的说法：

还值得一提的是“在组件之间传递数据”通常是一个坏主意，因为最终数据流变得无法跟踪并且很难调试。

如果一条数据需要被多个组件共享，首选 全局存储或Vuex。

[讨论链接]

和：

.once并.sync已弃用。道具现在总是单向下降。为了在父作用域中产生副作用，组件需要显式地显示emit一个事件，而不是依赖于隐式绑定。

因此，Evan 建议使用$emit()and $on()。

关注点

我担心的是：

• 每个store都event具有全局可见性（如果我错了，请纠正我）；
• 每次小交流都新建一个店铺太浪费了；

我想要的是兄弟组件的一些范围 events或可见性。stores（或者也许我不明白上面的想法。）

问题

那么，兄弟组件之间的正确通信方式是什么？

我有一个 Vue 组件modal，onClose它的父级传递了 prop。单击ok按钮时，onClose将触发该方法。代码如下：

我认为组件的单元测试应该modal定义方法，所以测试应该如下：spyclose

测试失败并出现错误：TypeError: [Function] is not a spy or a call to a spy!

我是 Vue.js 的新手，在使用带有子组件的组件时遇到了一些麻烦。我有以下.vue文件

应用程序.vue

滑块.vue

皮肤.vue

我正在尝试将皮肤子组件加载到组件中。除了皮肤子组件之外，一切都运行良好，因为它没有被编译。不过，我没有收到任何与编译或 vue 相关的错误。我还希望能够有几个这样的滑块组件实例

应用程序.vue

我不确定我做错了什么。

我有一个 Icon.vue 文件，如下所示：

也可在pastebin上使用

如您所见，其中有一些逻辑如下：

• 姓名
• 消除
• 编辑
• 看法

我正在使用 Laravel 并从刀片模板中传递变量，但是如何在刀片模板中将 if 设置为 true。

例如 ：

不添加删除逻辑。如果可能的话，我该怎么做？

谢谢

我是 vuejs 的新手，我有一个问题，我有一个父组件和几个子组件，它们使用父组件的属性<component :is="view">在哪里交换进出。view问题是每个子组件都必须填充存储在父组件中的不同数据集......因此

父组件

所以当view是view1然后使用data1，view是view2使用data2等等......

我可以在子组件的模板中使用一些同步数据吗？

子组件模板

使用partials怎么样？我没有看到太多关于它的文档，有人可以详细说明它的用途而不是组件吗？

我想创建具有双向绑定到组件本地范围的输入的组件。

如果没有组件，我会创建一个新Vue实例，然后将其设置data为我需要的。然后使用v-model，将输入绑定到该数据，并且可以从输入中对其进行操作。

但是，将相同的代码转换为组件时，我无法在组件中获得任何输入以绑定到其数据。我已经尝试过 props, :data.sync,data属性，但无论我尝试了什么，组件中的输入什么都不做。

我创建了一个 JSFiddle 来说明这一点：

https://fiddle.jshell.net/f0pdmLhy/2/

我想要发生的是组件中的输入以两种方式绑定到 err 变量，就像下面的非组件版本一样。

我将如何做到这一点？

我基本上想创建可以用 ajax 数据实例化的组件，然后填充输入。然后输入可以更新数据，我可以使用保存方法将数据发送到服务器。这甚至可以使用组件来完成吗？

在这篇文章的底部的编辑中，我谈到了我想要完成的事情以及几乎已经奏效的事情

以下是我的应用程序，在应用程序上方定义了<oo-upload>和<oo-uploads>组件。本质上<oo-uploads>显示了一个<oo-upload>组件表，为我的应用程序构建文件上传插件。该uploads变量是所有上传的列表，并upload定义了每个单独的上传。

问题是objUpload没有将对象传递给<oo-upload>组件的每个实例。相反，Vue 调试器说组件被传递的是一个函数，而不是一个对象。作为道具<oo-uploads>接收没有任何问题。uploads

编辑：如果我将数组直接传递给withinuploads的单个实例，它会很好地传递整个数组，但由于某种原因，它不会遍历数组并只传递对象。<oo-upload><oo-uploads>objUpload

EDIT2：基本上我想要做的是将我传递的数据范围限制为该组件所需的数据。我希望上传组件仅对分配给它的上传起作用。我认识到我的实践可能很差，或者我的实现可能是不可能的，我只需要一个关于如何完成类似事情的指针。

我已经为select2 jquery 组件创建了一个vue.js组件该组件的问题是如果组件的模板只是原始选择，则选择是不可见的（未显示）：

（使用chrome检查器，我可以看到选择被jquery插件有效地转换为select2，但是尺寸为1x1 px）

...问题是，如果我在模板上用 DIV 包装选择，一切正常：

我正在使用 vue 的指令 (v-select2) 将 select 转换为 select2

这是完整的代码https://jsfiddle.net/futuretelelematics/tkL8zxby/