请教我这个changeContent函数错在哪里?
代码想实现点击事件发生的内容切换,在点击事件里面利用Vue实例的sign_c作为标示,但是不知道是语法错误还是怎么样?切换效果没有发生!请教是哪里错
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue里面的数据、方法、事件</title>
<script type="text/javascript" src="vue.js"></script>
</head>
<body>
<!-- @click和v-on:click 一样-->
<div id="root">
<div v-text="msg" @click="changeMsg"></div>
<div v-html="content" v-on:click="changeContent"></div>
</div>
<script type="text/javascript">
new Vue({
el:"#root",
data:{
content:"<h1>Hello World</h1>",
msg:"<h1>Hello World</h1>",
sign_c:0,
sign_m:0
},
methods:{
changeContent:function(){
if(sign_c==0){
this.content="<h1>Hello SuperAnt</h1>"
sign_c=1
}
else{
this.content="<h1>Hello World</h1>"
sign_c=0
}
},
changeMsg:function(){
this.msg="<h1>Hello SuperAnt</h1>"
}
}
})
</script>
</body>
</html>