插值表达式闪烁问题解决
1.
[v-cloak]{
    display:none;
}

<p v-cloak> {{msg}}</p>
2.
<p v-text=‘msg‘></p>
//默认没有闪烁问题

v-cloak和v-text的区别

<p v-cloak>+++++{{msg}}----</p> 

//内容自动填入拼接，插值表达式只替换自身占位符，不会清空整个元素

<p v-text=‘msg‘>====</p>

//内容会覆盖元素中原本内容

v-html：

v-text和v-cloak只会把内容当做普通文本输出页面，v-html会转换为htmlv-

v-bind：

v-bind是Vue中提供的用于绑定属性的指令

会把v-bind后面的当做表达式解析

<input type=‘button‘ v-bind：title=‘msg’+ ‘123‘>---msg的信息拼接123

v-bind可以简写为  ：要绑定的属性

v-on：

事件绑定机制

<input type=‘button‘  v-on:click=‘show‘>--执行methods中的show方法

总结：

• v-cloak解决插值表达式闪烁问题，只替换自身占位符，不替换整个元素
• v-txt也能解决闪烁问题，但是会把元素内容替换
• v-html会把内容转为html输出，并且把整个元素替换
• v-bind是Vue中提供的用于绑定属性的指令
• v-on：事件绑定机制

9.23 v-cloak,v-text,v-html，v-bind，v-on