指令是Vue的常用功能,以v-作为前缀,主要职责是档其表达式的值改变时,相应的将某些行为应用到DOM上;数据驱动DOM是Vue的核心理念,不到万不得已不要主动操作DOM;现在只做简单的介绍,后面再详细讲解vue的指令;
v-if,当值为true时,对应的元素会被插入,false时则会被移除。<p v-if="show">显示这段文本</p>
v-bind,动态更新html元素上的属性,<img v-bind:src="imgUrl">;
v-on,绑定监听事件,<button v-on:click= "handleClose">点击隐藏</button>