过滤器 filter

 <!--过滤器-->
    <div id="app10">
        <p>{{ message | filterA }}</p>
    </div>

调用:
    StudyFilter("#app10");


实现:
//过滤器
function StudyFilter(obj) {
    new Vue({
        el: obj,
        data: {
            message: 'zheng'
        },
        filters: {
            filterA: function (value) {            
                if (!value)
                    return ''
                else
                    return value + 'hao'

            },
            filterB: function (value) {


            }

        }
      
    })
}

  

posted @ 2018-06-05 13:37  谁说程序猿很猥琐  阅读(108)  评论(0编辑  收藏  举报