计算属性(缓存)

Posted yuruotianxin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了计算属性(缓存)相关的知识,希望对你有一定的参考价值。

概念

计算属性:计算出来的结果,保存在属性中,内存中运行:虚拟DOM。计算属性可以理解成缓存,是为了避免每次调用都需要进行计算产生的系统开销。vue特有的

定义

computed(){
}

与普通函数的区别

与普通函数的区别是,普通函数是写在methods{}中,调用普通函数需要加上(),计算属性调用或绑定不需要加(),如果没有修改,则多次调用,计算属性的值不会有改变。

案例

<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>说java</title>
</head>
<body>
<!--view层-->
<div id="app">
    <p>currentTime1 {{currentTime1()}}</p>
    <p>currentTime2 {{currentTime2}}</p>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    var vm = new Vue({
        // Model:数据
        el: "#app",
        data: {
        },
        methods: {
            currentTime1: function(){
                //var time = Date.now();
                return Date.now();
            }
        },
        computed: {
            currentTime2: function(){
                //var time = Date.now();
                return Date.now();
            } 
        }
    });
</script>
</body>
</html>

以上是关于计算属性(缓存)的主要内容,如果未能解决你的问题,请参考以下文章

Vue--计算属性

vue_2

计算属性(缓存)

Rails - 使用特定属性值缓存所有用户

Swift新async/await并发中利用Task防止指定代码片段执行的数据竞争(Data Race)问题

Swift新async/await并发中利用Task防止指定代码片段执行的数据竞争(Data Race)问题