HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue.js</title>
<link rel="stylesheet" type="text/css" href="style/index.css" />
<script type="text/javascript" src="js/vue.js"></script>
</head>
<body>
<div id="box">
<p><input type="number" min='1' v-model='n' /></p>
<p>阶乘的结果为:{{result}}</p>
</div>
<script src="js/index.js"></script>
</body>
</html>
CSS
var vm=new Vue({
el:'#box',
data:{
n:1,
result:1
}
})
vm.$watch('n',function(newValue){
vm.result=1;
for(var i=2;i<=newValue;i++){
vm.result*=i;
}
})