子組件<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'>改變支付費(fèi)用<> </div></template><script> import payMent from '../components/payMent.vue' export default { name: "pay", data: { money: 33 }, components: { payMent }, methods:{ changCost: function(){ this.money = 88; //-這里父組件值改變了,而子組件的沒(méi)有改變,還是33,沒(méi)有變成88 } } }
vue-cli構(gòu)建的項(xiàng)目,父組件的動(dòng)態(tài)改變了,怎么去改變子組件的值?
Qyouu
2019-03-14 18:15:28