Vue 계산 속성(계산) 매개변수 전달

Vue 계산 속성(계산) 매개변수 전달

계산을 사용할 때 매개변수를 전달해야 하는 경우 return을 사용하여 매개변수가 있는 함수를 반환해야 합니다.

간단한 예

<template>
  <div>
    <div 
      v-for="student in students" 
      :key="student.id"
    >
      <span>姓名: {
   
   { student.name }} </span>
      <span>年龄: {
   
   { student.age }} </span>
      <span>是否成年: {
   
   { adult(student.age) }} </span>
    </div>
  </div>
</template>

<script>
  export default {
    
    
    name: 'ComputedParams',
    data() {
    
    
      return {
    
    
        students: [
          {
    
     id: 1, name: '张三', age: 17 },
          {
    
     id: 2, name: '李四', age: 18 },
          {
    
     id: 3, name: '王五', age: 19 }
        ]
      };
    },
    computed: {
    
    
      adult() {
    
    
        return (age) => age < 18 ? '未成年' : '已成年'
      }
    }
  }
</script>