vue 过滤器
过滤器是对即将显示的数据做进一步的筛选处理,然后进行显示,值得注意的是过滤器并没有改变原来的数据,只是在原数据的基础上产生新的数据。
过滤器的使用:
1、定义全局过滤器
在main.js中配置全局过滤器:
import moment from 'moment'
Vue.filter('dateFormat',function(value){
return moment(value).fromat('YYYY-MM-DD HH:mm:ss')
})
<template> <!-- 过滤器 --> <!-- 步骤: 安装:npm install moment --save
在main.js中配置全局过滤器: import moment from 'moment' Vue.filter('dateFormat',function(value){ return moment(value).fromat('YYYY-MM-DD HH:mm:ss') }) 使用:{{date | dateFormat}}--> <div> <p>{{date}}</p> <p>完整版:{{date | dateFormat}}</p> <p>年月日:{{date | dateFormat('YYYY-MM-DD')}}</p> <P>时分秒:{{ date | dateFormat('HH:mm:ss')}}</P> </div> </template> <script> export default { data() { return { date: new Date() }; } }; </script> <style lang="less" scoped> </style>
2、定义局部过滤器
filters: {
multiple: function(value1, value2, value3) {
return value1 * value2 * value3;
}
}
I hope all of us can learn to progress!