1-2 vue过滤器和修饰符

过滤器的概念及作用

概念：Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和v-bind表达式。过滤器应该被添加在JavaScript表达式的尾部，由“管道”符指示。

作用：在我们页面显示值之前加一层过滤，展示我们过滤后的值（注意：过滤器可以用在两个地方：双花括号插值和 v-bind 表达式）

全局定义：通过Vue提供的filter方法定义：Vue.filter()

例：

私有定义：filters这个是实例化Vue的一个参数，和data,methods平级的，里面放的就是我们这个实例的私有过滤器。

例：

注意事项：

1. 函数的第一个参数都是data，也就是我们要过滤的值。

2. 过滤器可以自定义一些参数。 

3. 过滤器函数的返回值就是最终显示的值

键盘修饰符

1. 监听所有按键：v-on:keyup

2. 监听指定按键：v-on:keyup.按键码

注意：每个键盘按键都会对应一个键盘码，具体键码百度

vue提供的按键别名

• .enter

• .tab

• .delete (捕获“删除”和“退格”键)

• .esc

• .space

• .up

• .down

• .left

• .right

自定义按键别名，列：Vue.config.keyCodes.f1 = 112