过滤器创建和使用

在一个API文件夹的 MyApi.js 中
创建：

export function filter_price ( val,···params) {
return “¥” + val
};

export function filter_date ( val,···params) {
return “2019/10/20” + val
}

export {filter_price,filter_date} //导出过滤函数

在news.vue组件中使用 全局过滤器：
首先导入
import { filter_price,filter_date } from “@/Api/MyApi”

< template>
< div>
< h1>{{price | filter_price}}< /h1> //使用过滤器添加￥符号
< /div>
< /template>

< script>
export default {
name:‘news’,
data(){
return{
price:1200
}
}
}
< /script>