vue-cli构建的项目，父组件的动态改变了，怎么去改变子组件的值？

Question

子组件<template>    <div class="top-title">        <h1>你需要支付¥{{money}}</h1>    </div></template><script>    export default {        name: "payMent",        props: {            money:{                 default: 0            }        }    }</script>父组件<template>    <div class="">        <pay-ment money="money"></pay-ment>        <a @click='changCost'>改变支付费用<>    </div></template><script>    import payMent from '../components/payMent.vue'     export default {        name: "pay",        data: {            money: 33        },        components: {            payMent         },        methods:{            changCost: function(){                this.money = 88;  //-这里父组件值改变了，而子组件的没有改变，还是33，没有变成88            }        }    }