vue中计算属性的getter和setter

<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>