computed在项目中的使用

  computed: {
   
    ...mapState(['userInfo', 'appToken', 'userConfig']),
    pageSize() {
   
      const {
    videoGrid } = this;
      return videoGrid;
    },
 }

  <template #second>
      <VpPlayer :videoList="videoList"></VpPlayer>
    </template>

  computed: {
   
    videoList() {
   
      const {
    checkedList } = this;
      return checkedList
        .filter(obj => [0, 2, 3].includes(obj.Z) && obj.ACC == 0)
        .map(obj => this.toChannels(obj))
        .flat();
    }
  },

<span :class="[colorData[vehicle.Z] || 'NeverOnline']">{
   {
    getStateLabel }}</span>

  computed: {
   
    getStateLabel() {
   
      const {
    pointObj } = this;
      if (pointObj) {
   
        // if (pointObj.Z === 0) return '离线';
        // if (pointObj.Z === 1) return '行驶';
        // if (pointObj.Z === 2) return '停车';
        
        if (pointObj.Z === 0) return '怠速';
        if (pointObj.Z === 1) return '过期';
        if (pointObj.Z === 2) return '作业';
        if (pointObj.Z === 3) return '通电';
        if (pointObj.Z === 4) return '熄火';
        if (pointObj.Z === 5) return '离线';
        return "从未上线";
      }
      return '';
    },
  },

          <span :title="`${row.datatype},${row.codetype}`">{
   {
   newChannel(row.channel)}}</span>
  

  computed: {
   
    tableList() {
   
      const {
    fileList } = this;
      return fileList.map(file => ({
   
        poperVisible: false,

        serial: '',
        ...file
      })