一、认识过滤器: 格式化数据的一个工具
- 过滤器的作用:用于文本格式化,仅仅作为格式化操作,不做复杂的业务处理
- 过滤器的使用方式:通过管道符号(|)来使用
- 过滤器的使用位置:mustache插值和v-bing的表达式
二、过滤器的使用
//如何使用使用过滤器？我们用一个叫做管道符的来使用过滤器举例： 数据 | 过滤器名称fillters:{过滤器名字( value ){ //参数是被过滤的数据return 数据; //return的是什么，那么最终显示的就是什么}
}三、过滤器的声明形式:
//过滤器一样也有两种声明形式//全局声明(写在main.js中)Vue.filter(过滤器名称，回调函数) 回调函数中有一个参数valuevalue值就表示的是格式化数据的值//局部声明new Vue({filters: {'过滤器名称'： function( value ){return}}})
四、实例:过滤器结合moment.js插件使用
//局部声明使用
//模板
<template>{{time |fullTime}}</template>//导入moment.js
import moment from 'moment'
export default {name:'goods',data() {return {time:1514865808,},filters:{fullTime(val){return moment(val).format("YYYY-MM-DD hh:mm:ss ");}},
//fullTime最后展示结果:1970-01-18 08:47:45
