Javascript Vue js，从父组件控制子组件渲染或同步父组件的数据'；s数据到子组件数据？

我目前正在使用Vuejs创建曼德勒图表，基本上中心表格的数据应该与其他表格的中心数据同步，如下所示：

当前使用一个父组件呈现9个表中的每个表，然后每个表调用一个网格，公共组件Item来查看数据

父组件

曼达尔艺术
pdf
svg
从“@/components/SingleMandal”导入SingleMandal；
从“vuex”导入{mapGetters}；
//从“../store/index”导入{store}；
导出默认值{
名称：“曼德勒”，
数据（）{
返回{
曼达洛对象：{
0:[错误，['first post'，''，''，''，''，''，''，''，''，''，''，''，''，']]，
1:[错误，[“第二篇文章”，“第二篇文章”，“第二篇文章”，“第二篇文章”，“第二篇文章”，“第二篇文章”，“第二篇文章”，“第二篇文章”，“第二篇文章”，“第二篇文章”，“第二篇文章”，“第二篇文章”，“第二篇文章”，“第二篇文章，
2:[错误，[第三篇文章]，''，''，''，''，''，''，''，''，''，''，''，''，''，''，]]，
3:[错误，[第四篇文章]，''，''，''，''，''，''，''，''，''，''，''，''，''，''，]]，
4:[正确，[“第五篇文章”，“第五篇文章”，“第五篇文章”，“第五篇文章”，“第五篇文章”，“第五篇文章”，“第五篇文章”，“第五篇文章”，“第五篇文章”，“第五篇文章”，“第五篇文章”，“第五篇文章”，“第五篇文章”，“第五篇文章，
5:[错误，['6th post'，''，''，''，''，''，''，''，''，''，''，''，''，]]，
6:[错误，['7th post'，''，''，''，''，''，''，''，''，''，''，''，''，''，]]，
7:[错误，[“第八篇文章”，“第八篇文章”，“第八篇文章”，“第八篇文章”，“第八篇文章”，“第八篇文章”，“第八篇文章”，“第八篇文章”，“第八篇文章”，“第八篇文章”，“第八篇文章”，“第八篇文章”，“第八篇文章”，“第八篇文章，
8:[错误，['9th post'，''，''，''，''，''，''，''，''，''，''，''，''，''，''，']]
}
}
},
方法：{
updateData:异步函数（索引）{
console.log（'nex tick data'之前，this.mandalObject[index][1]）
等待此消息。$nextTick（）；
console.log（'next tick data'之后，this.mandalObject[index][1]）
},
onClick：函数（键入click）{
如果（键入click==='pdf'）{
console.log（'pdf clicked'）
}else if（typeClick===“svg”）{
console.log（'svg clicked'）
}否则{
console.log（'excel clickedd'）
}
},
mandalChange（索引、第二索引、值）{
//此函数应将中心连接到中等手动对象
如果（第二个索引===4）{
控制台。日志（“！！！！！！！！！！！！！！！！！！！！！！！！！”
//this.mandalObject[index][secondIndex]=值；
这个.mandalObject[4][1][index]=值；
//更新中心命令
//this.$set（this.mandalObject[4][1]，索引，值）
这是最新数据（4）
}否则如果（索引==“4”）{
控制台。日志（“！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！@@@@”）
//这里启用其他mandals
this.mandalObject[secondIndex][0]=true；
//更改为true时，应启用
this.mandalObject[secondIndex][1][4]=值；
//更新其他命令
//this.$set（this.mandalObject[secondIndex][1]，4，值）
this.updateData（第二个索引）
}
//这是.$forceUpdate（）；
}
},
组成部分：{
单曼达尔
}，

使用模糊事件，当调用输入的模糊事件时，更新子元素的键

<input @blur="handleBlur">

...

new Vue({
  el: '#app',
  methods: {
    handleBlur(e) {
      console.log('blur')
    }
  }
})

...
新Vue({
el:“#应用程序”，
方法：{
车把（e）{
console.log（'blur'）
}
}
})

您似乎正在查看模糊事件。请参阅