Vue指令

v-cloak: 当网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染，这时页面就会显示出 Vue 源代码,使用v-cloak 指令来解决屏幕闪动的问题。

[v-cloak]{
    display: none;
}
--------------------------------
<p v-cloak> {{message}} </p>

v-text:我们用v-text指令默认不会屏幕闪动，它会覆盖原本元素的内容；

<p v-text="message">========</p>

v-html：如果要插入的内容是html格式，则要用v-html来传递；

<p v-html="message">========</p>
------------------------------------
    data:{
       message:"<h1>hello Vue2</h1>"
    }

v-bind：用于提供绑定属性的指令

<input type="button" value="按钮" v-bind:title="mytitle">
--------------------------------------
data:{
      mytitle:"这是一个自定义的title"
}

v-bind可以简写     v-bind:title="mytitle"简化为:title ="mytitle"

v-on：事件绑定指定

<input type="button" value="按钮" :title="mytitle" v-on:click="show">
-------------------------------------------
data:{
      methods:{
         show:function(){
                 alert("hell vue!");
         }
     }
}

v-on:也可以缩写为@       v-on:click="show" 简化为 @click="show"

 

V-model实现表单元素的数据双向绑定

只能用于表单元素中，例如input ，select ，checkbox ，textarea

<input type="button" v-model="message"> ---------------------------------------------------
data:{
      message:"好好学习天天向上"，
}

 

在VUE实例中，如果想要获取data上的数据或者调用methods中的方法，必须通过this.数据属性名 或 this.方法名来进行访问

setInterval( () {       //定时器循环  ,400为循环速度，越大越慢

      方法主体

},400)