Vue.js と SwiftUI で考え方を対応させる

<div id="example">
  <p>Original message: "{{ message }}"</p>
  <p>Computed reversed message: "{{ reversedMessage }}"</p>
</div>

var vm = new Vue({
  el: '#example',
  data: {
    message: 'Hello'
  },
  computed: {
    // 算出 getter 関数
    reversedMessage: function () {
      // `this` は vm インスタンスを指します
      return this.message.split('').reverse().join('')
    }
  }
})

struct Example: View {

  let message: String

  var reveersedMessage: String {
    return message.reversed()
  }

	var body: some View {
    VStack {
      Text(message)
      Text(reversedMessage)
    }
  }
}