干啥的?
比如一个大写的过滤器{{message|uppercase}}
message是待处理的信息,然后一个竖线,之后uppercase是处理办法。
具体怎么处理在Vue.filter()中定义。
语法
举个例子
比如,一个大写的过滤器。
<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
</head>
<div id="app">
{{message|uppercase}}
</div>
<script>
Vue.filter('uppercase', function(value) {
value = value.toString()
return value.toUpperCase()
})
var vm = new Vue({
el:'#app',
data: {
message: 'test'
}
})
</script>
结果
参考
JavaScript toUpperCase() 方法
vue过滤器在v2.0版本用法 - ShaLiWa的博客 - CSDN博客