<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="vue.js"></script>
</head>
<body>
<h1>计算属性</h1>
<div id="app">
<h1>{{a}}</h1>
<h1>{{b}}</h1>
<button @click="m">按钮</button>
</div>
<script type="text/javascript">
//Model
var data = {a:1};
//ViewModel
var vue = new Vue({
el: '#app',
data: data,
computed:{
b:function(){
//console.log(this.a);
alert(100);
return 200;
}
},
methods:{
m(){
this.a++;
}
}
});
</script>
</body>
</html>