Vue指令的概念

指令(Directives) 是带有v- 前缀的特殊属性,指令属性是单一的js表达式.

指令的职责就是表达式的值发生变化时,在DOM中做出相应的回应.

如下例子：

实例

<div id="app">

     <p v-if="seen">现在你看到我了</p>

</div>

<script>

new Vue({ el: '#app', data: { seen: true } })

</script>

 

实例：根据时间切换2段文本内容

<div id="app">
   <ul>
          <li v-show="ok">
         我是老大
      </li>
      <li v-show="!ok">我是老二</li>
   </ul>

</div>

<script>
   var vm = new Vue({
     el: '#app',
     data: {
      ok: true
     }
   })

   setInterval(function () {
      vm.ok = !vm.ok;
       },2000)
</script>