过滤器filter
<div id="app">
<!-- 过滤器使用需要加上管道符 | -->
<h3>{{price | myPrice('¥')}}</h3>
<h3>{{msg | myReverse}}</h3>
</div>
<script>
//创建全局过滤器
Vue.filter('myReverse', (val) => {
return val.split('').reverse().join('')
})
new Vue({
el: '#app',
data: {
price: 10,
msg: '全局过滤器'
},
//局部过滤器
filters: {
myPrice: function(price, a) {
return a + price
}
}
})
</script>