天天看點

vue3移除了過濾器filters

作者:RemoveS

vue2.x 中,可以使用過濾器來處理通用文本格式

以下兩種用法都是可以的

<div id="app">
 <p>{{ name | filterName }}</p>
 <div v-bind:name="name | filterName"></div>
</div>           
var app=new Vue({
data:{
 name:'名字'
},
filters: {
 filterName(value) {
  return '什麼' + value
  }
 }
})
app.$mount('#app')           
vue3移除了過濾器filters
vue3移除了過濾器filters

全局注冊過濾器:在new Vue之前全局注冊

Vue.filter('filterName', function (value) {
 if (!value) return ''
 value = value.toString()
 return '什麼' + value
})
new Vue({
  // ...
})           

過濾器是個函數---是以也可以加參數

<p>{{ name | filterName('參數') }}</p>
<div v-bind:name="name | filterName('bind')"></div>           
filters: {
 filterName(value,params) {
  return params + value
 }           
vue3移除了過濾器filters

vue3.x中過濾器被移除了,不再支援,建議用方法調用或計算屬性來替換它們。

vue3移除了過濾器filters
vue3移除了過濾器filters
vue3移除了過濾器filters
vue3移除了過濾器filters