[Vue学习笔记]指令

114 阅读2分钟

 v-model:将变量值给了文本框的value 同时 做了一个监听操作它去监听文本框的输入事件 输入时改变变量 .lazy当文本框失去焦点时才会产生改变 也就是blur事件触发更新 .number尝试变为数字 .trim去空格 指令修饰符 修饰符可以叠加。

v-for:使用v-for指令把数组的选项列表进行渲染。v-for指令需要使用item in items形式的特殊语法,items是源数据数组,item是数组元素迭代的别名。

v-show:v-show 结果为true或flase 控制display属相的显示与隐藏,标签一直都在。

v-if:v-if如果值为true创建标签,否则删除标签。

两者之间因为创建和删除标签比较消耗浏览器内存,如果是频繁的显示切换,用v-show,只操作一次将好。

v-bind:v-bind可以简写成: 先计算里面的东西再去执行,什么时候用v-bind取决于用不用计算,如果是一个a.html静态的不用但是从data里面取出的需要计算arr/str则需用,凡是加:一般都要写个对象例如 :xxx{}。

v-on:v-on就是用于绑定事件的事件监听 简写为@ 。

v-once:只绑定一次,不监听后续变化,通常用于只渲染一次的首页列表。

v-text:用于渲染普通文本,无论何时,绑定的数据对象上 msg属性发生了改变,插值处的内容都会更新。

v-html:渲染标签解析HTML代码。

v-clocak:当网络较慢,网页还在加载 Vue.js ,而导致 Vue 来不及渲染,这时页面就会显示出 Vue 源代码。在style上写一个指令属性【v-cloak】dispaly:none隐藏未加载的代码,保证网页的简洁。