vue.js ——props

vue.js ——props

父组件向子组件传递数据,注意组件之间的作用域是独立的，所以要如果父组件要向子组件传递数据，首先要在父组件中写成属性的形式，属性名就是传递的名字，属性值就是传递给子组件的值，由于HTML 特性不区分大小写，所以属性值需要写成 kebab-case（短横线隔开），子组件中props写成 camelCase（驼峰）.如下：

• 子组件

    props:['myMessage'],
    template:'<span>{{ myMessage }}span>'
  })

• 父组件

  


  动态props，将父组件传递的值前面加上v-bind或者‘：’写成

  ，如果想传递一个数字1给子组件，需要写成

  ,如果不是用v-bind，则会传递一个字符串1给子组件，prop是一个单项的数据流，改变子组件的prop不会导致父组件传递的prop改变，除非父组件传的是一个数组或者对象。

  props详细教程

  ---