码迷,mamicode.com
首页 > 其他好文 > 详细

props的写法

时间:2017-04-21 00:00:59      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:article   ber   res   写法   rip   success   cond   second   name   

简写

props: [‘demo-first‘, ‘demo-second‘]

带类型

props: {
    ‘demo-first‘: Number,
    ‘demo-second‘: Number
}

带多种检查

props: {
    ‘demo-first‘: {
        type: Number,
        default: 0
    }
    ...
}

所以, 当你获取不到props的值的时候,可以先仔细检查拼写是否正确。

传值与传字面量

在vue的组件中传递数据,如果是单纯传递字面量,如

<hello result="success"></hello>

那么在hello中获取的props result的值就是“success”,如果希望进行值传递,需要在指令前加 ‘:‘ 冒号,这样,父层的success的值改变,hello的值也会跟着改变。

 

http://www.tuicool.com/articles/7nYnIba

props的写法

标签:article   ber   res   写法   rip   success   cond   second   name   

原文地址:http://www.cnblogs.com/xiaomili/p/6741502.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!