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

vue---计算属性

时间:2020-05-18 22:37:49      阅读:70      评论:0      收藏:0      [点我收藏+]

标签:--   缓存   ted   app   内容   var   type   put   结果   

计算属性

    <div id="app">
            <!-- 普通写法--更新一次会进行一次计算 -->
            <h1>{{firstname+lastname}}</h1>
            <!-- 计算属性---会将计算结果进行缓存 -->
            <h1>{{fullname}}</h1>
        </div>
        <script type="text/javascript">
            var app=new Vue({
                el:"#app",
                data:{
                    firstname:"张",
                    lastname:"三"
                },
                computed:{
                    fullname:function(){
                        // 会将计算内容进行缓存,只要firstname
                        // 和lastname变量的内容不变,就不会重新计算
                        return this.firstname+this.lastname
                    }
                }
            })
        </script>

 

vue---计算属性

标签:--   缓存   ted   app   内容   var   type   put   结果   

原文地址:https://www.cnblogs.com/by-young/p/12913186.html

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