007——VUE中非常使用的计算属性computed实例
2024-09-03 13:41:35
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>非常使用的计算属性computed实例:</title>
<script src="vue.js"></script>
</head>
<body>
<div id="hdcms">
<input type="text" v-model="n1">+
<input type="text" v-model="n2">=
<input type="text" v-model="sum"> </div>
<script>
var app = new Vue({
el: "#hdcms",
computed:{
sum:function () {
return this.n1*1+this.n2*1;
}
},
data:{
n1:0,
n2:1
}
});
</script> </body>
</html>
最新文章
- WebService 学习之路(一):了解并使用webService
- BZOJ3813: 奇数国
- loadrunner比较有用的字符串函数
- 关于app.config不能即时保存读取的解决方案
- GLUT教程 - 安装
- C语言第3天标准的输入输出函数
- 复利计算器4.0 【java版】
- C++ 什么是句柄?为什么会有句柄?HANDLE
- Java并发编程:Lock
- WebBrowser控件的简单应用2
- win32下Socket编程(转载)
- 入门级(python)
- 第三十节,正则表达式re模块
- MongoDB分布式
- ABAP案例:灵活读取SAP各表的数据
- Android深入源代码分析理解Aidl总体调用流程(雷惊风)
- 解决win7的outlook打不开的问题
- Android多线程模型
- 查看指定spid的脚本当前运行情况和状态
- 我应该直接学 Swift,还是 Objective-C?