首页 > 其他 > 详细

Vue:计算属性

时间:2019-05-01 10:27:19      阅读:88      评论:0      收藏:0      [点我收藏+]

在讲解计算属性之前先来看下面的一个例子:

需求:外卖套餐A每份15元,客户点了3份,总价打八折,配送费5元,要求在界面显示总价,代码如下:

<template>
    <div>
        <div>您购买了{{info.name}}共{{info.count}}份</div>
        <h1>总价:{{info.count*info.price*info.sale+info.freight}}元</h1>
    </div>
</template>

<script>
export default {
    name:Test,
    data(){
        return{
            info:{
                userId:1,
                price:15,
                name:套餐A,
                count:3,
                sale:0.8,
                freight:5
            }
        }
    }
}
</script>

界面运行效果:

 

Vue:计算属性

原文:https://www.cnblogs.com/dotnet261010/p/10799095.html

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