Vue过滤器

干啥的？

比如一个大写的过滤器{{message|uppercase}} message是待处理的信息，然后一个竖线，之后uppercase是处理办法。
具体怎么处理在Vue.filter（）中定义。

语法

image.png

举个例子

比如，一个大写的过滤器。

<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>

结果

image.png

参考

JavaScript toUpperCase() 方法
vue过滤器在v2.0版本用法 - ShaLiWa的博客 - CSDN博客