首页 > 其他 > 详细

计算属性(缓存)

时间:2021-06-02 22:48:29      阅读:23      评论:0      收藏:0      [点我收藏+]

概念

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

计算属性(缓存)

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!