Vue.jsで親コンポーネント側の処理で子コンポーネントの変数を変更したい

Question

お世話になっております。
下記のような処理を行っても'abc'が出力できません。
funcAの処理においてmessageを書き換えたい場合どのようにすればよいでしょうか？
おわかりになる方いらっしゃいましたら、よろしくお願いします。

parent.vue

<script>
import chileMenu from "~/components/child.vue";

export default {
  components: {
    childMenu,
・
・
  methods: {
    funcA(){
      childMenu.message = 'abc';
    }

child.vue

<div>{{message}}</div>
<script>
export default {
  props: [
    "message"
  ],

Answer 1

親コンポーネントにmessageという変数を用意しておいて、子コンポーネントを作るときに<chile-menu :message="message"></chile-menu>とやって、変更したいときは親のmessageを変更すれば子の方も変わります。