Vue的土著指令和自定义指令实例详解

1.土著指令

　　当我开始学习Vue的时候，看官网的时候看到了“指令”两个字。我愣住了，what？指令是啥啊？后来继续往下看，像这种什么“v-for”“v-show”“v-if”都叫做指令。等到后来Vue玩的差不多了，开始写项目的时候发现，常见的指令也就那么几个，比如“v-if”“v-show”“v-model”“v-for”“v-bind”“v-on”。

　　你可以认为这是一种语法糖或者这是一种命令。在常见的这些指令中，大体的使用方法如下：

1.v-text ：string 用法：更新元素的textContent,更新部分的textContent，需要使用{{Mustache}}插值。

2.v-show：any 用法：根据表达式真假值，切换元素的 display css 属性 。

3.v-if：any 用法：表达式的真假条件渲染元素。在切换时元素以及它的数据绑定/组件被销毁并且重建。如果是