vue学习笔记(1)：v-cloak，v-text，v-bind

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(){

}

}