abstrait：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewp
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>兩個(gè)整數(shù)相加的小案例</title>
<style>
#box input{
height:15px;
width: 30px;
}
</style>
</head>
<body>
<!-- 創(chuàng)建一個(gè)掛載點(diǎn) -->
<div id="box">
<input type="number" v-model.number="numb1">+<input type="number" v-model.number="numb2">=<span>{{sum}}</span>
</div>
<script src="js/Vue.js"></script>
<script>
new Vue({
// 綁定掛載點(diǎn)
el:'#box',
//創(chuàng)建一個(gè)數(shù)據(jù)模型
data:{
numb1:'',
numb2:'',
},
//計(jì)算屬性
computed:{
sum:function(){
return this.numb1+this.numb2;
}
}
})
</script>
</body>
</html>
Professeur correcteur：天蓬老師Temps de correction：2019-03-19 15:49:06
Résumé du professeur：這種雙向數(shù)據(jù)綁定是MVVM模式的基礎(chǔ),功能強(qiáng)大, 應(yīng)用廣泛