vue3 filters
时间: 2023-10-16 14:11:06 浏览: 39
在Vue.js 3中,过滤器已经被废弃了。相反,Vue3推荐使用计算属性或方法来实现过滤器的功能。
计算属性:
```javascript
<template>
<div>
<p>{{ message }}</p>
<p>{{ reversedMessage }}</p>
</div>
</template>
<script>
export default {
data() {
return {
message: 'Hello Vue3!'
}
},
computed: {
reversedMessage() {
return this.message.split('').reverse().join('')
}
}
}
</script>
```
方法:
```javascript
<template>
<div>
<p>{{ message }}</p>
<p>{{ reversedMessage() }}</p>
</div>
</template>
<script>
export default {
data() {
return {
message: 'Hello Vue3!'
}
},
methods: {
reversedMessage() {
return this.message.split('').reverse().join('')
}
}
}
</script>
```
在模板中,直接调用计算属性或方法即可实现过滤器的效果。