如何在Vuejs模板中分解道具？

props: ['prop1', 'prop2']

<child-component :prop1="data1" :prop2="data2"></child-component>

<template>
  <div>
    <p>{{ prop1 }}</p>
    <p>{{ prop2 }}</p>
  </div>
</template>

<script>
export default {
  props: ['prop1', 'prop2']
}
</script>

<template>
  <div>
    <p>{{ processedProp1 }}</p>
    <p>{{ processedProp2 }}</p>
  </div>
</template>

<script>
export default {
  props: ['prop1', 'prop2'],
  computed: {
    processedProp1() {
      // 对prop1进行处理
      return this.prop1.toUpperCase();
    },
    processedProp2() {
      // 对prop2进行处理
      return this.prop2 * 2;
    }
  }
}
</script>