010 vue的过滤器的使用

过滤器filters的使用

            1. filters是vue中和和data,methods并列的对象

            2. 过滤器中定义各个函数,用于将传入的数据进行过滤以下再展示

            3. 使用案例

                // DOM

                <div id="app">

                    这本书的价格是:<span>{{bookPrice | twoPoint}}</span>

                </div>

                // Vue

                filters: {

                    twoPoint(num){

                        return num.toFixed(2)

                    }

                }

                // 该过滤器twoPoint将前面的bookPrice数据进行过滤,使保留并显示两位小数

posted @ 2020-03-25 08:12  CarreyB  阅读(45)  评论(0编辑  收藏  举报