7 -过滤器

创建过滤器文件filters/index.js

import Vue from "vue";//引入vue

//语法
//Vue.filter('选择器名',function(value){
 // if (!value) return ''
 // return `$${value}` 要做的事情
//})
Vue.filter('dollar', function (value) {//value为接收的参数,要改变的值
    if (!value) return ''//判断是否为空
    return `$${value}`
  })

在main引入过滤器文件

import "./filters/index.js";

使用过滤器

<template>
    <div>
    // {{dollar|dollar}}的意思就是把dollar这个状态交给dollar这个筛选器,然后返回来的值就是$1000
        {{dollar|dollar}}</div>
</template>

<script>
export default {
    data(){
        return{
            dollar:1000,
        }
    }
}
</script>