当前位置: 代码迷 >> 综合 >> vue学习-Props
  详细解决方案

vue学习-Props

热度:57   发布时间:2024-01-04 00:34:13.0

1.Prop 类型

prop可以声明类型,当类型不一致,能正常运行,但是会在console报warn

  props: {title: String,likes: Number,isPublished: Boolean,commentIds: Array,author: Object,callback: Function,contactsPromise: Promise, // 或任何其他构造函数},

传入一个boolean

<!-- 包含该 prop 没有值的情况在内,都意味着 `true`。          -->
<!-- 如果没有在 props 中把 is-published 的类型设置为 Boolean,则这里的值为空字符串,而不是“true” 。 -->
<blog-post is-published></blog-post>

传入一个对象的所有 property

如果你想要将一个对象的所有 property 都作为 prop 传入,你可以使用不带参数的 v-bind

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="po

  相关解决方案