props:详看 示例-网格组件。
props 可以是数组或对象,用于接收来自父组件的数据。props 可以是简单的数组,或者使用对象作为替代,对象允许配置高级选项,如类型检测、自定义校验和设置默认值。
//模版:
<demo-grid:data="gridData" // @data 对应props, @gridData 对应 父组件的 data里的值。
:columns="gridColumns"
:filter-key="searchQuery">
</demo-grid>
props: {data: Array, //限制父组件给过来的类型要符合这array.
columns: Array,
filterKey: String
},
//<div >// <child message="bushi a !"></child>
// </div>
Vue.component('child', {
// 声明 props
props: ['message'], //这里拿到值 'bushi a !'
// 就像 data 一样,prop 可以用在模板内
// 同样也可以在 vm 实例中像“this.message”这样使用
template: '<span>{{ message }}</span>'
})
还没有评论,来说两句吧...