写一段关联三个方框的vue代码

<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>