vue监听子组件事件简栗:
<div id="app">
<p>当前fontSize:{{number}}</p>
<zhangsan :style="{ fontSize: number + 'em' }"
v-on:mystyle="add"
v-bind:mynumber=number
></zhangsan>
</div>
Vue.component('zhangsan', {
props: ['mynumber'],
template: `<button v-on:click='$emit("mystyle", 10)'>大{{mynumber}}大</button>`
})
// 创建根实例
new Vue({
el: '#app',
data: function(){
return{number:1}
},
methods: {
add: function(val){
this.number += val;
}
}
})