Vue.js 代码示例：关联三个方框交互

<template>
  <div>
    <div class='box1' @click='box1Click'>{{box1Content}}</div>
    <div class='box2' @click='box2Click'>{{box2Content}}</div>
    <div class='box3'>{{box3Content}}</div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      box1Content: 'Box 1',
      box2Content: 'Box 2',
      box3Content: '',
    };
  },
  methods: {
    box1Click() {
      this.box3Content = 'Box 1 clicked';
    },
    box2Click() {
      this.box3Content = 'Box 2 clicked';
    },
  },
};
</script>