问题标签 [vue-data]

我正在尝试在 VueJS 中创建一个组件，并且需要重用该组件。下面是我的代码。

});

这是我打开可重用组件的另一个组件。

打开第二个组件时，仅更新第一个组件的数据属性，而不更新第二个组件。

非常感谢任何帮助。提前致谢。

我有一个奇怪的问题，我似乎无法将对象推送到数组数组。我能够记录组的值....但我无法更新它。

这是我在给定条件下推送到组数组的函数

这是我渲染数据的地方

我可以在某种程度上编辑“组”，但组在这里引用了计算的道具

谁能告诉我为什么 vue 忽略了我的数据函数返回值？文本、用户 ID 和视频 ID。有时它不会忽略它们，而且很多时候它会突然出现，我不知道为什么。这是我的代码。我在 chrome vue 扩展中得到的是data: $routes但它应该是 data: text: '', videoId: 213, userId: null $routes. 有时它确实会出现，我不知道它为什么会出现，有时又不会出现。

我收到错误消息，例如：属性或方法“videoId”未在实例上定义，但在渲染期间被引用。通过初始化该属性，确保该属性是反应性的，无论是在数据选项中，还是对于基于类的组件。

我正在从我的 vue-router 中获取一个参数，并且在尝试将参数数据存储到我的组件数据中时出现此错误

这是我从（'Home'）组件发送数据的地方

这是接收数据并存储它的组件（'Article'），它们在同一个目录中

这是我在 main.js 中的路由器设置 :)

我得到以下信息 - 无法读取未定义的“免费”属性。

我将在多个页面上添加这个按钮组件，并且我有数据对象，它允许我根据我想在页面上显示的任何页面添加文本。例如，如果它在我想使用的主页上和我想使用<buttons :text="buttonText.free" />的关于我们页面上<buttons :text="buttonText.spend" />

模板文件

组件文件

你能告诉我我做错了什么吗？

使用在v-model组件内的视图和数据模型之间创建双向绑定。并且视图交互可以向父组件发出事件。

但是，有可能让子组件中的数据模型更改向父组件发出事件吗？

因为只要用户是单击复选框的人，父母和孩子的事情都很好（数据模型更新并发出事件）。但是，如果我拉起 Vue 开发工具并切换子组件数据中的复选框，则来自 的双向绑定v-model将在 CHILD 组件内进行适当的更新，但没有任何东西可以转移到父组件（我怀疑是因为不发出事件）。

如何确保父组件“知道”子组件中的数据更改？我认为这必须以某种方式实现......如果不是从子组件发出，也许有某种方法可以让父组件“监视”子组件的数据？

感谢您的任何帮助或指导！在此期间，我将继续阅读并寻找答案！

子组件

父组件

更新：在玩了更多@IVO GELOV 的解决方案之后，我现在遇到的问题是，当涉及多个子组件时，由于父级的 myBooleanVar 的一个奇异值驱动整个事情，选中一个框child component 导致检查所有子组件。

因此，在视图和数据操作都将其移交给父级方面绝对是进步，但我仍在试图弄清楚如何“隔离”这种情况，以便只有一个被执行的子组件被拖入聚会...

我正在尝试使用呈现的输入标记中的值初始化 Vue data() 。我知道可以在 Vue 中使用v-model="[ data-key-here ]"使输入标签值从data()获取数据。有没有办法使用 Vue 中输入标签的值来初始化 data ()中的数据？

代码示例

目前我在 Vue.js 工作，并且有一个我想要动画的导航菜单。我要做的是li在用户将鼠标悬停在其中一个导航按钮上时显示两个元素。目前我正在做的是将数据类型showActivities默认设置为 false 并将其设置为true onmouseenter和false on mouseleave。所以这让项目在悬停时出现和消失，但它们不是动画的。这个动画怎么做？

我正在做一个购物车。我想根据数量显示每种产品的价格。我制作了增加或减少产品数量的按钮。但是，所有产品的数量都会发生变化，因为它们都共享相同的数据。如何更改特定产品的数量？