第一步:创建方法
首先src下新建fillter文件夹,用来存放插件。
在fillter文件夹内新建index.js,编写方法
/**
* 转换时间
*/
export privatePhone = function(val){
let time = new Date(val).getTime()
return time.getFullYear() + '-'+ (time.getMonth() + 1)+'-'+time.getDate()
}
第二步:在main.js中引入,添加
import * as filters from './filters/index'
Object.keys(filters).forEach(key=>{
Vue.filter(key,filters[key])//插入过滤器名和对应方法
})
第三步:使用
a.在双花括号插值(用的较多)
{{ time| privatePhone }}
b.在v-bind表达式中使用
<div v-bind:data=" time| privatephone "></div>