vue专题：Props和动态 Props

2016-09-07 本文已影响235人俊瑶先森

//child
export default {
  props: {
    msg: String
  }
}

<child msg="hello!"></child>

类似于用 v-bind
绑定 HTML 特性到一个表达式，也可以用 v-bind
绑定动态 Props 到父组件的数据。每当父组件的数据变化时，也会传导给子组件：

<div> 
<input v-model="parentMsg"> 
<br> 
<child v-bind:my-Props="parentMsg"></child>
</div>

使用 v-bind
的缩写语法通常更简单：

<child :my-Props="parentMsg"></child>