//父组件
<template>
<div class="a">
<div>A: {{a}}</div>
<B :b="a" @add="a++"></B>
</div>
</template>
//子组件
<div @click="$emit('add')">B: {{b}}</div>
页面显示
1.刷新页面,数据挂载等,显示如下
2.点击B组件,改变数据,触发update,显示如下
3.跳转到其他页面,组件销毁,显示如下
//父组件
<template>
<div class="a">
<div>A: {{a}}</div>
<B :b="a" @add="a++"></B>
</div>
</template>
//子组件
<div @click="$emit('add')">B: {{b}}</div>
页面显示
1.刷新页面,数据挂载等,显示如下
2.点击B组件,改变数据,触发update,显示如下
3.跳转到其他页面,组件销毁,显示如下