過濾器的基本使用

Vue.js 允許使用自定義過濾器完成一些常見的文字格式化。
過濾器可以用在兩個地方：雙花括號插值和 v-bind 表示式 。過濾器應該被新增在 JavaScript 表示式的尾部，由“管道”符號指示。

• 使用v-bind形式 v-bind:id="rawId | formatId"

• 使用差值表示式：{{插值|過濾器名}}

過濾器在定義時：
Vue.filter('過濾器的名稱',function(data){})

例如

<div id="app">
    <p>{{msg|msgFormat}}</p>
</div>
 

<script type="text/javascript">
    //宣告全域性過濾器
    Vue.filter('msgFormat',function(msg){
        //使用正則表示式進行匹配
        return msg.replace(/下雨/g,'下雪')
    })
    var vm=new Vue({
        el:"#app",
        data:{
            msg:'我這裡下雨了☔️，你那裡下雨了嘛