vue中过滤器filters的使用

用途：

1、可以对需要数据匹配的数据进行处理（如：根据后端传递过来的type匹配相对应的类型名称），类似于多目运算
2、筛选出符合要求的数据，并对筛选的数据进行加工

用法：

<template>
	<div class="item" v-for="item in deviceList" :key="item.id">
		<div class="status" :style="item.status | color">{{ item.status | status }}</div>
		<div class="status">{{ item.num| dataProcessing}}</div>
	</div>
</template>

<script>
export default {
	filters: {
	    status(val) {
	      return {
	        '-1': '运行失败',
	        0: '运行成功',
	        1: '高温警告'
	      }[val]
	    },
	    color(val) {
	      return {
	        '-1': { background: '#7c818c'},
	        0: { background: '#83a66c'},
	        1: { background: '#a27b58'}
	      }[val]
	    },
	    dataProcessing(val) {
	      return num *10
	    }
  	}
}
</script>