vue中父组件向子组件传值

1.在父组件中引入子组件

2.注册子组件

3.将父组件与子组件绑定起来

例子：

父组件：

<template>
  <div>
    <v-father :title="title"></v-father>
    
    <h1>父组件</h1>
  </div>
</template>

<script>
import son from "./son.vue";
export default {
  data() {
    return {
      title: "父组件传值1111"
    };
  },
  components: {
    "v-father": son
  }
};
</script>
<style>
</style>

子组件：

<template>
    <div>
        <h2>子组件----{{title}}</h2>
    </div>
</template>
<script>
export default {
    data(){

    },
    props:['title']
}
</script>

可以看出父组件成功的将title的值传递给了子组件。