vue父传子

␆␡␂␇

于 2021-04-23 18:47:53 发布

阅读量116

点赞数

分类专栏：前端面试题文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_49614436/article/details/116066932

版权

前端面试题专栏收录该内容

27 篇文章

订阅专栏

父传子

子组件在props中创建一个属性，用以接收父组件传过来的值
父组件中注册子组件
在子组件标签中添加子组件props中创建的属性
把需要传给子组件的值赋给该属性

父组件

<template>
  <div class="parent">
    <son :a="value"></son>
  </div>
</template>

<script>
import son from "./son"; //引入子组件
export default {
  props: [],
  data() {
    return {
      value: "我是父组件的value",
    };
  },
  components: {
    son,
  },
};
</script>
<style scoped>
</style>

子组件

<template>
  <div class="son">
    {{ a }}
  </div>
</template>

<script>
export default {
  props: ['a'],//接收
  data() {
    return {};
  },
};
</script>
<style scoped>
</style>