Vue 过滤器filters及基本用法

这篇文章主要介绍了Vue 过滤器filters的实例代码以及vue过滤器的基本用法,需要的朋友可以参考下

1、示例代码

采用vue单文件组件,使用moment插件格式化日期

 

2、效果

3、说明

过滤器内是没有this引用的,过滤器内的this是undefined,所以不要在过滤器内尝试使用this引用组件实例的变量或者方法。

ps:下面看下Vue 过滤器的基本用法

 // 注册 Vue.filter('my-filter', function (value) { // 返回处理后的值 }) // getter,返回已注册的过滤器 var myFilter = Vue.filter('my-filter') //在mustache中使用 {{ msg | uppercase }} 

 //在标签中使用 

总结

以上就是Vue 过滤器filters及基本用法的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » Vue.js 教程