msg："<h1>111</h1>"
mytittle:"这是一个title"
1.v-cloak：
在style样式里设置[v-cloak]:none,可以实现插值表达式（绑定的数据之类的）闪烁问题
例子：<p v-cloak>{{msg}}</p>
2.v-text:
默认v-text是没有插值表达式闪烁问题的，v-text会覆盖元素中原本的内容，而插值表达式只会替换自己的这个占位符，不会把整个元素清空
例子：<p>-------------{{msg}}(只替换占位符里的)----------</p>，<p v-text="msg">========(等号会被替换)</p>
3.v-html可以解析数据中的html标签
例子：<p v-html="msg">{{msg}}</p>
4.v-bind:
v-bind是vue中提供绑定属性的指令
例子：<input type="button" value=“按钮” v-bind:title="mytitle + '123' "></input>(也可以写作 :title,代表把title后面赋的值变为表达式 ,v-bind中可以写合法的JS表达式)
5.v-on:
事件绑定机制，缩写@
例子：<input type="button" value=“按钮” v-on:click="show"></input>
在methods{
show：function(){
}
}
网友评论