57Vue - Props(动态 Props)

简介: 57Vue - Props(动态 Props)

类似于用 v-bind 绑定 HTML 特性到一个表达式,也可以用 v-bind 动态绑定 props 的值到父组件的数据中。每当父组件的数据变化时,该变化也会传导给子组件:

<div>
  <input v-model="parentMsg">
  <br>
  <child v-bind:my-message="parentMsg"></child>
</div>

使用 v-bind的缩写语法通常更简单:

<child :my-message="parentMsg"></child>

结果:

目录
相关文章
|
1月前
|
JavaScript
Vue3中props的原理与使用
Vue3中props的原理与使用
16 0
|
1月前
|
JavaScript
vue 传递 props
vue 传递 props
|
1月前
|
JavaScript
Vue3之Props组件数据传递
Vue3之Props组件数据传递
22 0
|
1月前
|
JavaScript 前端开发 开发者
|
1月前
|
JavaScript 前端开发 安全
Vue3的Props
Vue3的Props
32 0
|
1月前
|
JavaScript
【Vue3】Props的使用详解
【Vue3】Props的使用详解
|
6月前
|
JavaScript
【Vue】—props属性
【Vue】—props属性
|
8月前
55Vue - Props(使用Props传递数据)
55Vue - Props(使用Props传递数据)
45 0
|
10月前
|
JavaScript
Vue 2 中的 Props
从基础到实战,我们一环都不要少!
306 1
|
10月前
|
JavaScript
解决 vue 修改 props 数据报错的问题
解决 vue 修改 props 数据报错的问题