vue.js框架 3(过滤器、按键修饰符、自定义v-指令)

1、筛选过滤

在这里插入图片描述

2、过滤器的使用

过滤器 |
在这里插入图片描述
可以使用正则
在这里插入图片描述
管道后面的函数传参
在这里插入图片描述
过滤器多次调用:这里的过滤器Vue.filter是全局的
在这里插入图片描述

字符串拼接:占位符
在这里插入图片描述

私有过滤器
在这里插入图片描述
在这里插入图片描述

3、字符串的padStart方法

在这里插入图片描述
在这里插入图片描述

4、按键修饰符

在这里插入图片描述
js里面内置了键盘事件对应的键码
在这里插入图片描述
.enter例:
在这里插入图片描述

5、自定义v-指令:directive()

directive定义指令提供了几个钩子函数(可选):

在这里插入图片描述
和样式相关的一般定义在bind中,和js相关的一般定义在inserted中
在这里插入图片描述
例:定义v-focus(全局指令)
在这里插入图片描述
在这里插入图片描述
定义私有指令
在这里插入图片描述
关于自定义指令的简写
在这里插入图片描述

发布了136 篇原创文章 · 获赞 30 · 访问量 7055

猜你喜欢

转载自blog.csdn.net/a__int__/article/details/104849528