vue props 传输数值或boolean

字面量语法 vs 动态语法

初学者常犯的一个错误是使用字面量语法传递数值:

<!-- 传递了一个字符串"1" -->
<comp some-prop="1"></comp>

因为它是一个字面 prop ,它的值以字符串 "1" 而不是以实际的数字传下去。如果想传递一个实际的 JavaScript 数字,需要使用 v-bind ,从而让它的值被当作 JavaScript 表达式计算:

<!-- 传递实际的数字 -->
<comp v-bind:some-prop="1"></comp>

 

 

http://cn.vuejs.org/v2/guide/components.html#字面量语法-vs-动态语法

posted @ 2017-02-21 19:05  深海懒猫  阅读(17638)  评论(0编辑  收藏  举报