vue中props组件传值
Posted dontes
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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>
以上是关于vue中props组件传值的主要内容，如果未能解决你的问题，请参考以下文章