vue中的子组件接收父组件传过来的props，在子组件data中赋值的方法，在子组件中的data必须有 return {},才可以直接在data中赋值。

如下子组件：

<script>
export default {
  name: "child",
  data () {
    return {
      b : this.a,
    }
  },
  props: ['a'],
}
</script>

如果为下边子组件这样就不可以,这样的data写法就不对，报语法错误：

  <script>
  export default {
    name: "child",
    data: () => ({
       b : this.a,
    }),
    props: ['a'],
  }
  </script>

vue中的子组件接收父组件传过来的props，在子组件data中赋值的方法

results matching ""