2.3

1.31

 

传递静态或动态 Prop

• 可以像这样给 prop 传入一个静态的值：

	<blog-post title="My journey with Vue"></blog-post>

复制代码

• 可以通过 v-bind 动态赋值

	<!-- 动态赋予一个变量的值 -->
	<blog-post v-bind:title="post.title"></blog-post>
	
	<!-- 包含该 prop 没有值的情况在内，都意味着 `true`。-->
	<blog-post is-published></blog-post>
	
	<blog-post v-bind:is-published="post.isPublished"></blog-post>

复制代码

• 传入一个对象的所有 property (微信小程序暂不支持该用法，即: <blog-post v-bind="post"(错误)>)

如果你想要将一个对象的所有 property 都作为 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>