[Vue.js]computed(算出プロパティ) の基本

<div id="app">
  <h1>computed</h1>
  <input type="text" v-model="inputText">
  <br>{{inputText}}<br>
  {{changeTextCapitalize}}
</div>

returnで返さないと反映されない

Vue.js

new Vue({
  el: "#app",
  data: {
    inputText: 'hello'
  },
  computed: {
    changeTextCapitalize: function () {
        return this.inputText.toUpperCase();
    }
  }
})