Getters y setters de propiedades calculadas en vue

<div id="app">
  <h2>{
    
    {
    
    fullName}}</h2>
</div>
<script src="../js/vue.js"></script>
<script>
  const app = new Vue({
    
    
    el: '#app',
    data: {
    
    
      firstName:'kobe',
      lastName:'bryant'
    },
    computed:{
    
    
      // 这种写法只是简写
      fullName:function () {
    
    
        return this.firstName+' '+this.lastName
      }
      /*这种属于一个属性，如果是计算属性的话应该里面有get和set方法，
      而在我看来就有点像JAVASpringMVC中对数据层处理事的getter和setter方法。
      在java中这两个方法也是可以自动生成
      计算属性一般是没有set方法的，只是只读属性，
      因为计算属性的话就相当于计算之后返回一个结果的，那么set方法当然是可以省略的
      所以既然相当于是只有get的方法的话，每次都这样写的话也麻烦，索性就按照最简单的方法写
      这也是为什么每次我们调用的时候不用加上（）的原因，
      就是因为调用的是属性名，然后系统解析的时候会根据这个属性名去找里面的get方法
      */
      /*fullName:{
       /!* set:function (value) {

        },*!/
        get:function () {
          return 'abc'
        }

      }*/
    }
  })
</script>