vue指令(一)

93 阅读1分钟

HelloVue

  1. 引入vue.js
  2. 创建一个带有id的dom
  3. 编写vue实例,el挂载点对应HTMLdom,data表示vue实例中的数据

image.png

vue指令

v-if是控制dom存在或者不存在的指令为true 就代表存在 为false就会把dom删除

v-show是控制css的display的none或者block

vue的存在就是为了减少了dom操作从而提高性能; v-if频繁操作会减少性能 因为dom会频繁删除和添加; v-show只是改变了css的样式display:none 或者block,所以更推荐,更利于提高性能;

v-block

v-clock阻止白屏 显示花括号的情况

image.png

v-model

v-model能轻松实现表单输入和应用状态之间的双向绑定;v-model 指令只能用在<input, <select,<textarea等这些表单元素上

image.png