欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue定義私有過濾器和基本使用

 更新時間：2021年11月22日 09:19:38   作者：huxiaoxiao  
這篇文章主要介紹的是 vue定義私有過濾器和基本使用，下面文章圍繞vue定義私有過濾器的相關(guān)資料展開內(nèi)容,需要的朋友可以參考一下，希望對大家有所幫助
私有過濾器和全局過濾器的方法和概念都相同，只是一個是全局都可以調(diào)用，而私有的只有自己可以調(diào)用，
全局過濾器點這里全局過濾器
使用方法也和全局過濾器一致，只是定義的地方不同
全局過濾器是在 script 中 通過Vue.filter 定義
私有過濾器定義方法：
<script>
        let vm = new Vue({
            el:'#app',
            data:{
            
            },
            filters: { // 當(dāng)前實例私有的過濾器

            }
        })
    </script>
在vm實列中，有和 data 同級的 filters，用來定義當(dāng)前實例的私有過濾器
    <div id="app">
        <p>{{mes | addStr}}</p>
    </div>

    <script src="./js/vue.js"></script>
    <script>
        let vm = new Vue({
            el:'#app',
            data:{
                mes:"我是一個悲觀的人，悲觀的人做悲觀的事"
            },
            filters: { // 當(dāng)前實例私有的過濾器
                addStr(data,str="開心"){
                    return data.replace(/悲觀/g,str)
                }
            }
        })
    </script>
輸出結(jié)果為：
如果頁面中 有第二個實例，vm2，去調(diào)用 vm 中的過濾器，是調(diào)用不到的
如果在頁面上有一個全局過濾器，和私有過濾器，是可以同時調(diào)用的
<div id="app">
        <p>{{mes | setStr | addStr}}</p>
    </div>

    <script src="./js/vue.js"></script>
    <script>

        Vue.filter('setStr',function(data){
            return data+'我是全局過濾器'
        })

        let vm = new Vue({
            el:'#app',
            data:{
                mes:"我是一個悲觀的人，悲觀的人做悲觀的事"
            },
            filters: { // 當(dāng)前實例私有的過濾器
                addStr(data,str="開心"){
                    return data.replace(/悲觀/g,str)
                }
            }
        })
    </script>
輸出結(jié)果：
總結(jié)：
在調(diào)用時我們在前面調(diào)用的 全局 ，后面是私有
但輸出結(jié)果卻是 私有過濾器先進行處理
所以，當(dāng)同時調(diào)用全局和私有過濾器時，調(diào)用規(guī)則是誰離的近先輸出誰，
先私有在全局

到此這篇關(guān)于 vue定義私有過濾器和基本使用的文章就介紹到這了,更多相關(guān) vue定義私有過濾器內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論