vue中props组件传值
props用来改变子组件属性,并且子组件中的驼峰式在使用时标签中要改成横线式,比如mesAlet==》mes-alet
父组件:
<child message="hello!"></child>
子组件:
Vue.component('child', { // 声明 props props: ['message'], // 就像 data 一样,prop 可以用在模板内 // 同样也可以在 vm 实例中像“this.message”这样使用 template: '<span>{{ message }}</span>' })
动态props的话,如下:
<div> <input v-model="parentMsg"> <br> <child v-bind:my-message="parentMsg"></child> </div>