vue中计算属性的getter和setter

    科技2026-01-05  11

    <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>
    Processed: 0.011, SQL: 9