watch、method、computed

可以通过三种方法实现属性的运算:computed属性、method和watch(侦听器),如果一个功能可以通过computed属性和watch实现,选用computed属性是最简单的。

watch: {
              firstName: function(){
                    console.log("计算了一次");
                    this.fullName = this.firstName + " " + this.lastName;
                },
                lastName: function(){
                    console.log("计算了一次");
                    this.fullName = this.firstName + " " + this.lastName;
                }
}
// fullName方法,没有缓存,页面只要重新渲染,这个函数就会重新执行一次
    // methods: {
    //    fullName: function () {
    //        return this.firstName + " " + this.lastName;
    //    }
    // },
// 计算属性,计算属性有缓存的概念
    // computed:{
    //    fullName: function () {
    //        console.log("计算了一次");
    //        return this.firstName + " " + this.lastName;
    //    }
    // }
  })

其中computed有getter setter属性,当改变了firstName和lastName时,set起作用,同时会重新计算fullName的值,页面中的fullName也会发生变化

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。