指令和事件

指令是Vue模板中最常用的一项功能，前缀v-。指令的主要职责就是当其表达式的值改变时，相应的将某些行为应用到DOM上。

v-if

用来判断元素是否插入，为true的时候元素会被插入，为false的时候元素择会被移除。

示例代码( isShow = true )

结果：( isShow = true )

image.png

示例代码( isShow = false )

结果：( isShow = false )

image.png

v-bind

用来动态更新HTML元素上的属性
缩写：

百度一下

百度一下

实例代码

v-on

用来绑定事件监听器，这样我们就可以做一些交互。
缩写@

{{btnTitle}}

{{btnTitle}}

示例代码

template>
  

   {{date|formatDate}}
   {{msg}}
   
百度一下
   {{btnTitle}}