vue學習 過濾器

2021-08-11 03:34:01 字數 689 閱讀 2793

作用:

過濾資料,一般是把伺服器返回的資料,過濾成符合頁面展示的資料

1.私有過濾器

vue.component('login',}",

data:function()

},filters:

}})

2.共有過濾器(最好把vue.filter放在元件註冊之前)

vue.filter('toup',function

(input,name))

//定義並且註冊 登入元件

vue.component('login',}",

data:function

() }

})//定義並且註冊 註冊元件

vue.component('register',}",

data:function

() }

})//根例項(物件)

var vm = new vue()

私有和全域性的區別

私有過濾器:只在該元件起作用

全域性過濾器:所有的元件中都起作用

vue.filter(『過濾器的名稱』,處理函式)

注意點:

1、過濾器是乙個函式,必須要傳入值,並且必須要有返回值

2、最好把vue.filter放在元件註冊之前

Vue 過濾器案例(全域性過濾器和區域性過濾器)

doctype html en utf 8 viewport content width device width,initial scale 1.0 js vue 2.4.0 js script 過濾器 title head 兩個過濾器的名稱都為msgformat,但是控制不同作用,乙個是全域性的...

vue中過濾器

常用語文字的格式化,過濾器可用在兩個地方 雙括號插值和v bind 表帶式 用符號 表示,在雙括號的中 在 v bind 中 具體使用請參考vue官方文件 如果專案中使用的過濾器比較多,不妨單獨用乙個filter.js檔案用來專門寫過濾器,在main.js中新增如下 就可以將filter中過濾器全部...

Vue學習 深入剖析過濾器

自定義過濾器,用於一些常見的文字格式化。過濾器可用在兩個地方 雙花括號插值 和 v bind 表示式,新增在js表示式的尾部,由 管道 符號表示 v bind id id filter div 全域性過濾器 vue.filter filter1 script 區域性過濾器 const vm newv...