想问一个简单程序的问题
<button type="button" @click="count += 1"> Submit {{count}}</button>
这段代码中的“ Submit {{count}}”的“{{count}}”部分在编译后为什么不能正常显示为0,是哪里没有连接上吗?
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="text/html;charset=utf-8">
<title>Vue js</title>
<script src="https://unpkg.com/vue"></script>
<link rel="stylesheet" href="main.css">
</head>
<body>
<div id="app">
<button type="button" @click="count += 1"> Submit {{count}}</button> //这里是重点
</div>
<script>
new Vue({
el:'#app',
data:{
count:0
},
methods:{
updataCount:function(){
this.count ++ 1;
}
}
})
</script>
</body>
</html>