vue 父傳子講解

時間 2019-12-12

標籤 vue 傳子講解简体版

原文原文鏈接

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>xieting</title></head><body><!--父親綁定事件，兒子觸發這個事件 單項數據流--><div id='app'>父親：{{money}}    <child :m="money" @child-msg="things"></child></div></body></html><script src="node/node_modules/vue/dist/vue.js"></script><script>    let vm = new Vue({        el: '#app',        data: {money:400},        methods:{            things(val){                this.money=val;                alert(val);            }        },        components:{            child:{                props:['m'],                template:'<div>兒子：{{m}}<button @click="getMoney()">錢</button></div>',                methods:{                    getMoney(){                        this.$emit('child-msg',800)//觸發本身的自定義事件，讓父親的方法執行                    }                }            }        },    })</script>

相關標籤/搜索

vue 父傳子 講解

vue 父傳子講解