Vue.js 向父Vue容器报告初始值

Vue.js 向父Vue容器报告初始值,vue.js,nuxt.js,Vue.js,Nuxt.js,我将单选按钮输入实现为Vue容器: 每个v英寸[1500,1000] 输入(v-model='value',value=v) 标签(用于=v) 导出默认值{ 数据:()=>{ 值:500作为数字, }, 观察:{ 价值:{ 处理程序(newVal:string){ 此.$emit('input',parseInt(newVal)) }, 深:是的, } }, } 我用在其他容器中,如: 选择器(v-model='options') 导出默认Vue.extend({ 方法:{ 做某事{ co

我将单选按钮输入实现为Vue容器:


每个v英寸[1500,1000]
输入(v-model='value',value=v)
标签(用于=v)
导出默认值{
数据:()=>{
值:500作为数字,
},
观察:{
价值:{
处理程序(newVal:string){
此.$emit('input',parseInt(newVal))
},
深:是的,
}
},
}
我用在其他容器中,如:


选择器(v-model='options')
导出默认Vue.extend({
方法:{
做某事{
console.log('在用户至少单击一次选择器之前没有数据:',this.options)
}
},
数据:()=>({
选项:数字,
}),
})
但在用户实际使用单选按钮之前,父容器不会从子容器接收任何数据。如何接收初始数据?尝试了
mounted()
方法,但
此。$emit
在那里还不可用

另外,当设置初始
值:500作为数字时,是否有任何黑客以某种方式重用
[1500,1000]
中的相同常量
500

您可以使用ref属性:


但是,考虑反转逻辑,而不是从父组件访问值,<强> > SET通过使用道具使用父组件。

谢谢您的回答。阅读有关
$ref
的文档确实揭示了这主要是一种黑客行为,但在我的真实应用程序中,我有许多组件,它们包含复杂的数据,我打算在多个父级上重复使用,每次使用它们时设置所有这些(重复)数据看起来更难看。