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

vue定義私有過(guò)濾器和基本使用

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

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

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

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

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

相關(guān)文章

最新評(píng)論