Vue.js基础教程之父组件传递数据给子组件

Prop

prop 是父组件用来传递数据的一个自定义属性。子组件需要显式地用 props 选项声明 “prop”：

 Vue.component('child', {

  // 声明 props

  props: ['message'],

  // 就像 data 一样，prop 可以用在模板内

  // 同样也可以在 vm 实例中像 “this.message” 这样使用

  template: '<span>{{ message }}</span>'

  })

示例如下：

注意：HTML 特性不区分大小写。当使用非字符串模版时，prop的名字形式会从 camelCase 转为 kebab-case（短横线隔开）。

版权申明：本站文章均来自网络，如有侵权，请联系01056159998 邮箱：itboby@foxmail.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有