¿Cuáles son los tipos de valores predeterminados de los accesorios Vue?

Tabla de contenido

En Vue, el tipo de valor predeterminado de los accesorios puede ser una cadena, un número, un booleano, un objeto, una matriz o una función. Aquí hay ejemplos de cada tipo:

tipo de cadena

props: {
  title: {
    type: String,
    default: 'Hello'
  }
}

tipo de número

props: {
  count: {
    type: Number,
    default: 0
  }
}

tipo booleano

props: {
  isActive: {
    type: Boolean,
    default: false
  }
}

tipo de objeto

props: {
  user: {
    type: Object,
    default: function() {
      return { name: 'John', age: 20 }
    }
  }
}

//简写

props: {
  user: {
    type: Object,
    default: () =>  { name: 'John', age: 20 },
  }
}

tipo de matriz

props: {
  colors: {
    type: Array,
    default: function() {
      return ['red', 'blue', 'yellow']
    }
  }
}

//简写 

props: {
  colors: {
    type: Array,
    default:  () => ['red', 'blue', 'yellow'],
  }
}

//默认值值不要直接加[],  记得前面加上  () =>

tipo de función

props: {
  fetchData: {
    type: Function,
    default: function() {
      return axios.get('/api/data')
    }
  }
}

Tenga en cuenta que el atributo predeterminado en el ejemplo anterior define el valor predeterminado para los accesorios.

¡Por favor, dale me gusta si es útil y desarrolla un buen hábito!

¡Por favor deje un mensaje de aliento, comunicación y preguntas!