Javascript 子级和父级之间的共享v模型值

我有一个与父组件共享

v-model

的组件。代码如下所示：

Vue.component（'greeting'{
模板：“”，
道具：['name']，
方法：{
updateSearch:函数（值）{
这是。$emit（'input'，value）；
}
}
});
const app=新的Vue({
el:“#应用程序”，
数据：{
名称：“”
}
});

儿童：




主要内容：
在子组件中更改道具通常是一种不好的做法。在这种情况下，您可以创建两个不同的变量，并在其中一些变量更改it值时更新另一个变量（通过事件和道具）

所以，
greeting
组件将$emit一些事件，您将在主组件内捕获这些事件并更新主组件的
name

另一方面，主组件将向
问候语
传递一个道具，考虑到主组件内部的变化，该道具将是被动的，并将更新问候语数据内部的变量
名称

如果您遇到更多类似的情况，请考虑在子组件中使用更改道具通常是一种不好的做法。在这种情况下，您可以创建两个不同的变量，并在其中一些变量更改it值时更新另一个变量（通过事件和道具）

所以，
greeting
组件将$emit一些事件，您将在主组件内捕获这些事件并更新主组件的
name

另一方面，主组件将向
问候语
传递一个道具，考虑到主组件内部的变化，该道具将是被动的，并将更新问候语数据内部的变量
名称

如果您遇到更多类似的情况，请考虑使用
我认为，您需要的是Vue.js
2.3.0+

您可以在我的文章中找到相同的示例实现。
我想，您需要的是Vue.js
2.3.0+

您可以在我的文章中找到相同的示例实现。
如果您以prop的形式传入一个类似对象的引用，您可以在父对象和子对象上绑定该对象的属性


Vue.component（'greeting'{
模板：“”，
道具：['name']
});
const app=新的Vue({
el:“#应用程序”，
数据：{
名称：{值：''}
}
});

儿童：




主要内容：
如果将对象之类的引用作为道具传入，则可以在父对象和子对象上绑定该对象的属性


Vue.component（'greeting'{
模板：“”，
道具：['name']
});
const app=新的Vue({
el:“#应用程序”，
数据：{
名称：{值：''}
}
});

儿童：




主要内容：
如果将对象之类的引用作为道具传入，则可以在父对象和子对象上绑定该对象的属性。我不明白你的意思。你能举个例子吗？不确定这是否是你想要的@ChrisLi Yes。确切地非常感谢你。请将其作为答案发布。如果您作为道具传递对象之类的引用，您可以在父对象和子对象上绑定该对象的属性。我不明白你的意思。你能举个例子吗？不确定这是否是你想要的@ChrisLi Yes。确切地非常感谢你。请把它作为答案贴出来。