父组件通报数据给子组件

父组件数据怎样通报给子组件呢？能够经由过程props属性来完成,例子以下
父组件：

<template>
  <parent>
      <child :child-msg='msg'></child> //注重个中childmsg需离开写出来child-msg
  </parent>    
</template>

<script type="text/javascript">
  export default {
    data () {
      return {
        msg: 'Hello'    //定一个通报的变量msg
      }
    }    
  }
</script>

<style type="text/css">    
</style>

子组件经由过程props来吸收数据:

体式格局1：

props: ['childMsg']

此处的props中的数值，需要与父组件中运用子组件：child-msg一致,
不然,通报不成功

体式格局2 :

props: {
  childMsg: Array //如许能够指定传入的范例，假如范例不对，会正告
}

检测props中通报的值的范例,不对则会提醒正告

体式格局3：

props: {
  childMsg: {
    type: Array,
      default: [0,0,0] //如许能够指定默许的值
  }
} 

在props中你可对吸收的数值，举行考证,一样也能够设置默许值,
以轻易数据的的准确性,如许呢，就完成了父组件向子组件通报数据.