美文网首页
Prop传入一个对象的所有属性

Prop传入一个对象的所有属性

作者: lp0124 | 来源:发表于2018-05-16 09:07 被阅读0次

如果你想要将一个对象的所有属性都作为 prop 传入,你可以使用不带参数的v-bind(取代 v-bind:prop-name)。例如,对于一个给定的对象 post

post: {
  id: 1,
  title: 'My Journey with Vue'
}

下面的模板:

<blog-post v-bind="post"></blog-post>

等价于:

<blog-post v-bind:id="post.id" v-bind:title="post.title"></blog-post>

注意:prop静态赋的值均作为字符串处理,故传入数字、布尔值、数组、对象等数据类型时需要通过v-bind

<!-- 字符串 111 -->
<blog-post title="111"></blog-post>
<!-- 数字 111 -->
<blog-post v-bind:title="111"></blog-post>

摘录于:Vue官网

相关文章

  • Prop传入一个对象的所有属性

    如果你想要将一个对象的所有属性都作为 prop 传入,你可以使用不带参数的v-bind(取代 v-bind:pro...

  • prop()

    注意:prop()函数的所有"设置属性"操作针对的是当前jQuery对象所匹配的每一个元素;所有"读取属性"的操作...

  • 对象枚举 , 数组和对象遍历 三目运算符 对象的深度克隆 —

    枚举 遍历 遍历数组 遍历对象, var prop in obj 取出对象所有属性的值(不取属性 只取值) 数组也...

  • 双向数据绑定

    当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的属性...

  • jQuery属性操作

    attr(属性名,属性值)操作所有属性 removeAttr(属性名) prop(属性名,属性...

  • Element UI Form表单验证

    Form组件提供表单验证的功能,只需要通过rules属性传入约定的验证规则,并将Form-Item的prop属性设...

  • ES对象方法

    ES7 Object.keys(obj) 传入一个对象,返回一个包含对象的可枚举属性和方法的名称的、所有元素为字符...

  • callee和caller

    arguments是个类数组对象,用来保存传入函数中的所有参数,也就是实参对象 arguments对象有个属性叫c...

  • 2019-01-22 Vue

    在Javascript中对对象和数组是通过引用传入的,所以对于一个数组或者对象类型的prop来说,在子组件中改变这...

  • JavaScript高级编程笔记(1)

    1、按值传递和按引用传递 几乎所有的值传入函数都是按值传递的,但如果是传入对象的话,在函数体内修改对象属性的值的话...

网友评论

      本文标题:Prop传入一个对象的所有属性

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