码迷,mamicode.com
首页 > 其他好文 > 详细

计算属性(缓存)

时间:2021-06-03 17:38:27      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:doctype   属性   set   tps   调用   on()   model   内存   rip   

概念

计算属性:计算出来的结果,保存在属性中,内存中运行:虚拟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>

计算属性(缓存)

标签:doctype   属性   set   tps   调用   on()   model   内存   rip   

原文地址:https://www.cnblogs.com/yuruotianxin/p/14843085.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!