vue里边，父组件向子组件传值，可以通过绑定属性的方法来实现，具体方法如下demo
父组件的代码
<template>
<div>
{{ newData }}
<child :toChild="newData"></child>
</div>
</template>
<script>
import child from './child'
export default {
data() {
return {
newData: '这是父组件的数据'
}
},
components: {child}
}
</script>
<style>
</style>
子组件的代码：
<template>
<div>
<h1>this is child component</h1>
<h5>父组件传来的值为： {{ toChild }}</h5>
</div>
</template>
<script>
export default {
props: {
toChild: {
type: String,
required: true
}
},
data() {
return {
}
},
}
</script>
<style scoped>
div {
border: 1px solid red;
}
</style>
代码简单解释一下
1、父组件里边，直接在子组件的标签里绑定一个自定义属性，然后指定一个值，在这个demo中，值就是newData。
2、子组件里边，通过props定义一个对象，然后在里边再定义属性，就是将前面父组件的自定义属性放到这里边，并且指定值的类型。
最后实现的效果：
