1.單次插值
v1中單次插值語(yǔ)法{{*數(shù)據(jù)}},v2不能使用
v2使用v-once指令
<body>
<div id="myapp">
<p @click="pclick()">{{msg}}</p>
<!-- 2.0版本不能使用單次插值語(yǔ)法{{*數(shù)據(jù)}} ,但是可以使用v-once指令-->
<!--2.0中使用語(yǔ)法{{*數(shù)據(jù)}} 報(bào)錯(cuò)-->
<!-- <p @click="pclick()">{{*msg}}</p> -->
<p @click="pclick()" v-once>{{msg}}</p>
</div>
<script type="text/javascript" src="vue.js"></script>
<script type="text/javascript">
var app=new Vue({
el:"#myapp",
data:{
rawHTML:'<span style="color:red">this should be red.</span>',
msg:"xixi"
},
methods:{
pclick:function(){
this.msg="haha"
}
}
})
</script>
</body>
2.html插值
v1中過(guò)濾html標(biāo)簽使用語(yǔ)法{{{數(shù)據(jù)}}},v2不能使用
v2使用v-html指令
<p v-html="rawHTML"></p>
<!--v2中使用語(yǔ)法{{{數(shù)據(jù)}}}報(bào)錯(cuò)-->
<!-- <p>{{{rawHTML}}}</p> -->
3.關(guān)于表單的lazy
v1中,lazy 當(dāng)表單失去焦點(diǎn)的時(shí)候,存儲(chǔ)數(shù)據(jù),相當(dāng)于blur事件
語(yǔ)法示例:
<input type="text" lazy v-model="title">
<h1>{{title}}</h1
v2不支持這樣使用,但是你可以給v-model加上修飾符.lazy,效果是一樣的
<input type="text" v-model.lazy="title" >