博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
计算属性——computed的一些随笔
阅读量:5160 次
发布时间:2019-06-13

本文共 690 字,大约阅读时间需要 2 分钟。

【computed和methods —— 相同】

  computed和methods一样也是放在export default里的“大板块”,用法也很像!

即: 

export default {   computed:{

    count1 () {

      ···
    }

},   methods:{   count2 () {
     ···    } } }

【computed和methods —— 不同】

  他们也存在不同的!computed计算属性只有在它的相关依赖发生改变时才会重新求值

  因为 Date.now() 不是响应式依赖,这样的computed不会再次更新:

computed: {  now: function () {    return Date.now()  }}

 

  一般响应式依赖应该长这样:

computed: {
reversedMessage: function () {
return this.message.split('').reverse().join('')//用作倒置字符串,这里的message是同一个组件里面的data()里边定义好了的一个变量 } }

   也就是说,你的message每次变动的时候,都会执行一次computed,把它刚获得的新值再“倒置”

   相比而言,只要发生重新渲染,method 调用总会执行该函数

转载于:https://www.cnblogs.com/heshiyu1996/p/6590362.html

你可能感兴趣的文章
Content_type组件
查看>>
Linux 安装mysql
查看>>
MySQL性能优化之一
查看>>
第12章 Linux系统管理-打包与压缩
查看>>
SVG 学学就会了。
查看>>
值类型和引用类型
查看>>
VS调试 断点不命中
查看>>
SQL SERVER 如何修改数据库文件路径
查看>>
抽象类和接口的比较
查看>>
关闭Windows 10 自动更新
查看>>
Swift泛型协议的N种用法
查看>>
数量加减
查看>>
swift中数据之间的转换
查看>>
【iOS】Swift4.0 GCD的使用笔记
查看>>
Swift - 将String类型的数字转换成数字类型(支持十进制、十六进制)
查看>>
学校简易管理系统(python面向对象无界面版)
查看>>
运动员喝饮料问题
查看>>
[IMX6]Android6.0移植和分析
查看>>
第一章 spring boot实例项目快速搭建
查看>>
巧用UserAgent来解决浏览器的各种问题
查看>>