您好,欢迎来到伴沃教育。
搜索
您的当前位置:首页vue专题:Props和动态 Props

vue专题:Props和动态 Props

来源:伴沃教育

Props

//child
export default {
  props: {
    msg: String
  }
}
<child msg="hello!"></child>

动态 Props

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

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

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

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

Copyright © 2019- bangwoyixia.com 版权所有 湘ICP备2023022004号-2

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务