VUE基础知识13

过滤器：
对要显示的数据进行特定格式化后再显示；并没有改变原本的数据，而是产生新的对应的数据。
定义过滤器：
全局定义Vue.filter。
Vue.filter('totalMonetFormat'.(value)=>{return'￥'+Number(value).toFixed(3);});
新建组件：LkFilters.vue定义局部过滤器

<p>￥：{{money}}.00</p>
<p>{{monery|moneyFormat()}</p>
<p>{{page|moneyFormat()}</p>

data(){
    return{
        money:22345,
        page:189.4345
    }
},
//局部过滤器
filters:{
    moneyFormat(value){
        return '￥' + Number(value).toFixed(2);
    }
}

在main.js里面定义全局过滤器

//注册全局过滤器
Vue.filter(id:'wholeMoneyFormat',definition:(value)=>{
    return '￥' + Number(value).toFixed(fractionDigits:4);
});

//使用的时候可以局部使用
<p>{{monery|wholeMoneyFormat()}</p>
<p>{{page|wholeMoneyFormat()}</p>

区别：全局是所有的组件都能够使用，局部是只有当前组件能够使用！
加油！坚持别放弃，胜利是属于你的！