在VueCLI自定义过滤器的实现代码
本文主要介绍了Vue CLI的自定义过滤器，分享给大家，和自己做个记录。内置的过滤器是在VUE2移除，所有过滤器，需要定义自己。
下面的例子是使用模板自定义日期格式WebPACK滤波器为例。
文件结构
。
只是SRC
我们有过滤器
我们进行的只是dataformat.js
我们进行index.js
，main.js
—…
所有的过滤器放置过滤器文件夹下，和其余的WebPACK模板文件的结构，这是没有完全写在这里。
滤波器/ dataformat.js
此文件主要由筛选器实现编写，然后导出导出。
出口默认（时间，FMT）= > {
FMT = fmt'yyyy-mm-dd HH:毫米的| |；
让日期=新日期（时间）；
如果（ / /（Y +）。测试（FMT））{
FMT = fmt.replace（
regexp。1美元，（date.getfullyear（）+）。Substr（4—9。1美元。长度）
）；
}
让dt = {
M +：date.getmonth（）+ 1，
D：date.getdate（），
H：date.gethours（），
M +：date.getminutes（），
+：date.getseconds（）
}
对于（让键在dt）{
如果（new RegExp（`（$ {key}）`）。测试（FMT））{
让
FMT（1美元= fmt.replace正则表达式，
（正则表达式。1.length美元= 1）：STR（'00 +力量），Substr（str.length）
）；
}
}
返回格式化；
}
这段代码是在互联网上找到的，我只是稍微修改了一下。
滤波器/ index.js
所有的自定义过滤器收集在这里，便于添加到全局过滤器在main.js一旦。
如果有一个以上的自定义过滤器，它只需要在这个文件中导出。
导出日期过滤器
进口日期格式。 /日期格式
当派生窗体派生键值时，在筛选器中的全局名称筛选器中设置此处。
出口日期格式} {
可继续出口其他过滤器
SRC / main.js
该文件是程序的主要入口，它通常负责配置相关的东西。所以毫无疑问，添加一个过滤器是给予它的工作（这是只有在这里才能得到VUE对象）。
/ / / index.js默认会发现过滤器
导入*作为筛选器
遍历所有派生的过滤器，并将其添加到全局筛选器中
Object.keys（过滤器），ForEach（（关键）= > {
vue.filter（关键，过滤器{重点}）；
}）
使用
它很容易使用，就像使用一个正常的方式，和写的。VUE文件在项目中你需要
新的日期（日期格式）|转折} }
新的日期（日期格式）|转折（'yyyy MM DD HH：MM：SS）} }
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。