vue 计算属性，方法，侦听器

亦凉 2023-07-08 11:23 131阅读 0赞

## 计算属性 ， 缓存机制 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTg3MjM0MQ_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][20200226140021174.png]  
计算属性利用了缓存机制， 保存了结果， 只有发生改变的时候才会重新计算一次

## 方法 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTg3MjM0MQ_size_16_color_FFFFFF_t_70 1]  
没有缓存的机制， 能用计算属性还是用计算属性

## 侦听器， 缓存机制 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTg3MjM0MQ_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTg3MjM0MQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200226140010358.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTg3MjM0MQ==,size_16,color_FFFFFF,t_70
[20200226140021174.png]: https://img-blog.csdnimg.cn/20200226140021174.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTg3MjM0MQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200226140419136.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTg3MjM0MQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTg3MjM0MQ_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200226140657903.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTg3MjM0MQ==,size_16,color_FFFFFF,t_70