固定数据格式化的方法

<template>
  <div>
    <p>waterSituation(water)</p>    // 本页面内格式化方法显示为：涨
    <p>waterDataChange(water)</p>    // 外部引入格式化方法显示为：涨
  </div>
</template>
<script>
import { waterChange} from "@/utils/paramSwitch";
  export default{
  data(){
   return {
   water:'5'
   }
  },
  methods:{
  
  // 当前vue直接进行的格式化
    waterSituation(cellValue){
      const waterSituation={
        '4':'落',
        '5':'涨',
        '6':'平'
      }
      return waterSituation[cellValue]
    },
    waterDataChange(cellValue){
      return waterChange(cellValue)
    }
   }
  }
</script>

paramSwitch.js

// 数据格式化
export function waterChange(cellValue){
  const waterSituation={
    '4':'落',
    '5':'涨',
    '6':'平'
  }
  return waterSituation[cellValue]
}