vue常用属性解释。

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

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>'   
  })

以上是 vue常用属性解释。 的全部内容， 来源链接： utcz.com/z/380046.html

回到顶部