Vue事件绑定
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<script src="./vue.js"></script>
<body>
<!-- 事件绑定 -->
<div id="root">
<h1 @click="greet">{{msg}}</h1>
</div>
<script>
new Vue({ // 创建实例
el: '#root', // 挂载点
data: {
msg: 'hello vue!'
},
methods: {
greet: function () {
this.msg = 'ok'
}
}
})
</script>
</body>
</html>