过滤器,指令和事件

133 阅读1分钟

过滤器

vue.支持在{{}}插值的尾部添加一小管道符 |对数据进行过滤,经常用于格式化文本,比如字母全部大写、货币千位使用逗号分隔等。过滤的规则是自定义的,通过给Vue 实例添加选项filters来设置

过滤器: {{ data | filter1 |filter2}} , {{date | formatDate(66,99)}} 中的第一个和第二个参数,分别对应过滤器的第二个和 第三个参数

指令和事件

指令( Directives )是 Vue 模板中最常用的一项功能,它带有前缀 v-,能帮我们快速完成DOM操作。循环渲染。显示和隐藏

v-text v-html v-bind v-on

v-text:-----解析文本 和{{ }} 作用一样

v-html:-----解析html

v-bind:-----v-bind 的基本用途是动态更新 HTML 元素上的属性,比如 id 、 class 等

v-on:-------它用来绑定事件监听器

v-on具体介绍 在普通元素上, v-on 可以监听原生的 DOM 事件,除了 click 外,还有 dblclick、 keyup, mousemove 等。表达式可以是一个方法名,这些方法都 写在 Vue 实例的 methods 属性内,并且是函数的形式,函数内的 this 指向的是当前 Vue 实例本身,因此可以直接使用 this.xxx 的形式来访问或修改数据

  • vue中用 到的所有方法都定义在methods