过滤器
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中