过滤器与侦听器

过滤器的基本用法

filter过滤器只在vue2里面有，vue3里面不用

 上述两行代码中 | 是过滤器函数，后面的单词是调用的方法，message经过过滤器函数返回结果

以下代码是过滤器的应用

在 | 后面我们自定义一个capi，然后在方法区，去构造这个filter方法，方法中的val是获取message，然后使用chatAt()，来获取第一个元素，toUpperCase()，把小写转换为大写，silice()是截取从当前开始到最后的字符串，最后return两个相加

 

 私有过滤器和全局过滤器

下面是改进私有过滤器使用的全局过滤器

 如果全局过滤器和私有过滤器名字冲突了，就是名字一致，此时按照就近原则，调用私有过滤器

——————————————————————

下面我们举个例子用dayjs来格式化时间

过滤器可多层调用

过滤器也可以传参

侦听器

 

下面为监听器的一个例子

下面的例子是监听用户名是否被占用

 

 下面是使用imediate改进后的侦听器，我们一打开网页默认就会触发侦听器

 深度侦听

 如果不想使用深度监听，使用如下方法也可以