Vue学习第一天，指令

三个指令

v-cloak

使用v-cloak能解决插值表达式闪烁的问题，也就是在网络不好的时候并没有完全加载该界面的时候，可能会显示成{{msg}}。

    
    
    
    


    

        
{{msg}}
    

v-text

使用意义在于可以直接显示数据，在没有获取数据时候，可以显示标签中的数据

v-html

可以将html进行转义，也就是说，如果数据是一段html代码，他可以执行该段html代码

    

        

    


v-bind:value="mytitle"

可以给某个标签中的某个属性绑定值

还可以进行变量的处理，如字符串的拼接

v-bind:title="mytitle+‘123’"

这样可以显示成字符串+上一个变量，也就相当于js中的字符串拼接

v-bind的简写形式“：”

---

v-on

是用来绑定事件的机制

    按钮

注意！！！

注意！！！

注意！！！

这个地方的methods，注意后面的s，注意后面的s，注意后面的s

还有一些其他的事件，如鼠标覆盖事件：mouseover等等，都可以使用同样的方法

注意点

v-text和v-cloak的区别

1. 默认前者没有闪烁问题
2. 后者可以进行数值和需要的数据的拼接，但是前者会替换标签中的数据，从而覆盖标签中原本的内容