vue3学习笔记六：computed、props使用

  props: {
    passengers: {
      type: Array as PropType<any[]>,
      default: () => []
    }
  },
   setup(props) {
    const state = reactive({
      count: 0,
      childPayPopShow: false,
      progress: new Array(99),
      passengerName: computed(() => {
        let str = ''
        props.passengers.forEach(item => {
          const { passengerType, name } = item
          if (str) str += '、'
          str += name
          if (passengerType == 2) {
            str += '(儿童)'
          } else if (passengerType == 3) {
            str += '(学生)'
          }
        })
        return str
      })
    })