vue 父组件向子组件传值

父页面

<template>部分

  <BuoyMessage v-bind:message="messageData">状态</BuoyMessage>

<script>部分

import BuoyMessage from './BuoyMessage.vue'
export default{
     data(){},
     components:{
      BuoyMessage:BuoyMessage,
   },
}

子页面  BuoyMessage.vue

<template>部分

<div> {{message}} </div>

<script>部分

export default {
    data(){},
    props:["message"], 
}