美文网首页
@Prop 父子组件之间的属性传值

@Prop 父子组件之间的属性传值

作者: Json766 | 来源:发表于2020-11-19 19:51 被阅读0次
export default class extends Vue {
    @Prop({ default: 0 }) private propA!: number
    @Prop({ default: () => [10, 20, 30, 50] }) private propB!: number[]
    @Prop({ default: 'total, sizes, prev, pager, next, jumper' }) private propC!: string
    @Prop({ default: true }) private propD!: boolean,
    @prop([String, Boolean]) propE: string | boolean;
}    
//等价于
export default {
  props: {
    propA: {
        type: Number
    },
    propB: {
        type: Array,
        default: [10, 20, 30, 50]
    },
    propC: {
        type: String,
        default: 'total, sizes, prev, pager, next, jumper'
    },
    propD: {
        type: String,
        default: 'total, sizes, prev, pager, next, jumper'
    },
    propE: {
        type: [String, Boolean]
    }
  }
}

相关文章

  • @Prop 父子组件之间的属性传值

  • Vue 3.0 Provide和Inject实现共享数据

    Provide和Inject可以在祖(父)组件和子(孙)组件间实现传值。相比prop只能父子之间传值而言,Prov...

  • 2018-09-21

    组件之间的传值 1.父给子传用属性传 props:[‘属性名’] (组件传值(父子间传值) 谁在谁中显示,显示的元...

  • 组件之间的传值

    组件之间的传值,包括父子组件传值,兄弟组件之间的传值,其中父子组件包括父组件向子组件传值和子组件向父组件传值,现在...

  • 2019-03-13

    vue父子组件传值,(父组件向子组件传值用prop ,子组件向父组件传值:子组件调用父组件方法值以参数的方式传递)...

  • 2019-03-13

    vue父子组件传值,(父组件向子组件传值用prop ,子组件向父组件传值:子组件调用父组件方法值以参数的方式传递)...

  • Vue prop 传值和 provide→inject传值的区别

    应用场景 prop传值是平常Vue父子组件之间主要传值的方式,并且这是响应式的。但是,如果你有个应用嵌套了多层组件...

  • 组件通信

    vue传值可分为父子之间传值、兄弟组件之间传值、跨代组件之间传值 1.父子之间传值:可以使用$emit/props...

  • Vue - 传值

    Vue 传值有两种:1)父组件向子组件传值(属性传值,Prop传值)2)子组件向父组件传值 一、父组件向子组件传值...

  • 与Vue.js的第八天

    今天学习了Vue组件中的非父子之间的传值和生命周期Vue组件之间的传值分三种1.父传子之间传值用属性:props2...

网友评论

      本文标题:@Prop 父子组件之间的属性传值

      本文链接:https://www.haomeiwen.com/subject/nfwliktx.html