现在谈谈Vue 里面的computed 属性
来源:互联网 发布:大型网络3d手游 编辑:程序博客网 时间:2024/06/06 00:27
有的时候,我们经常购物可以看到有购物车,其中总价会随着单价和数量进行变化,但是你是否思考过到底是怎么实现的呢?这只是一个小小的功能
今天就来谈谈computed ,开始上代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="vue.js"></script>
</head>
<body>
<div id="tencent">
<input type="text" v-model="n1" /> +
<input type="text" v-model="n2" /> =
<input type="text" v-model="sum"/>
<br /><br /><br />
<input type="text" v-model="n1" /> -
<input type="text" v-model="n2" /> =
<input type="text" v-model="minus"/>
</div>
<script type="text/javascript">
var app = new Vue({
el:'#tencent',
computed:{
sum:function(){
// *1是为了将字符串转化成数值类型
return this.n1*1+this.n2*1;
},
minus(){
return this.n1*1-this.n2*1;
}
},
data:{
n1:0,
n2:0
}
});
</script>
</body>
</html>
实现效果如下
阅读全文
0 0
- 现在谈谈Vue 里面的computed 属性
- vue计算属性computed的使用
- Vue computed计算属性的妙用
- vue的computed计算属性学习
- vue-计算属性computed
- Vue:计算属性computed
- vue基础--computed属性
- Vue学习-Computed属性
- Vue之计算属性Computed
- vue计算属性computed和methods的区别
- vue中计算属性computed的getter setter问题
- 浅谈vue.js的computed
- vue--computed
- vue的 计算属性(computed)、methods、watched三者区别
- vue的 计算属性(computed)、methods、watched三者区别
- vue的计算属性(computed)、methods、watched三者区别
- Vue method与computed的区别
- Vue.js的computed和methods#
- HDU 5536(01字典树)
- JSP的7个动作指令
- 技术面总结
- gamemaker学习笔记:推箱子
- LSPCI命令打印出PCI总线上连接的所有设备
- 现在谈谈Vue 里面的computed 属性
- javascript数据结构系列(四)-队列
- 使用gdb调试多线程多进程程序
- AtomicInteger 类的理解与使用
- HDU6165 FFF at Valentine(并查集+tarjan缩点+拓扑排序)
- msyql 查看行锁情状况
- 【Spark2.0源码学习】-3.Endpoint模型介绍
- 这么多开源框架,该用哪个好?
- 组合模式