Vue子访问父组件数据props的示例代码

最新推荐文章于 2024-09-13 14:34:15 发布

高天艳阳

最新推荐文章于 2024-09-13 14:34:15 发布

阅读量53

点赞数

文章标签： vue.js javascript 前端 typescript css

本文链接：https://blog.csdn.net/weixin_42589700/article/details/129509675

版权

<p>Vue子访问父组件数据props的示例代码如下：// 父组件
<template>
  <div>
    <ChildComponent :data="data" />
  </div>
</template><script>
export default {
  data () {
    return {
      data: {
        name: 'ChatGPT',
        age: 12
      }
    }
  }
}
</script>// 子组件
<template>
  <div>
    {{name}}, {{age}}
  </div>
&lt;</p>