前端编程开发 --- vue3 计算属性

<div id="app">
  <p>未处理: {{ message }}</p>
  <p>预处理: {{ reversedMessage }}</p>
</div>
    
<script>
const app = {
  data() {
    return {
      message: 'helloworld!!'　//未处理　　　
    }
  },
  computed: {
    // 计算属性的 getter
    reversedMessage: function () {
      // `this` 指向 vm 实例
      return this.message.split('').reverse().join('') 
    }
  }
}
 
Vue.createApp(app).mount('#app')
</script>