“Vue 计数器”的版本间的差异
跳到导航
跳到搜索
Jihongchang（讨论 | 贡献） |
Jihongchang（讨论 | 贡献） |
||
| 第8行： | 第8行： | ||
var app = new Vue({ | var app = new Vue({ | ||
el:"#app", | el:"#app", | ||
| − | data:{}, | + | data:{ |
| − | methods:{} | + | num:1 |
| + | }, | ||
| + | methods:{ | ||
| + | add:function(){}, | ||
| + | sub:function(){} | ||
| + | } | ||
}) | }) | ||
</syntaxhighlight><u>data</u> 中定义数据：比如 <u>num</u> | </syntaxhighlight><u>data</u> 中定义数据：比如 <u>num</u> | ||
methods 中添加两个方法：比如 <u>add</u>（递增），<u>sub</u>（递减） | methods 中添加两个方法：比如 <u>add</u>（递增），<u>sub</u>（递减） | ||
2023年6月8日 (四) 06:11的版本
https://www.bilibili.com/video/BV12J411m7MG/?p=10
<div class="input-num">
<button @click>-</button>
<span>{{}}</span>
<button @click>+</button>
</div>
var app = new Vue({
el:"#app",
data:{
num:1
},
methods:{
add:function(){},
sub:function(){}
}
})
data 中定义数据：比如 num
methods 中添加两个方法：比如 add（递增），sub（递减）