Vue.js

# Acesso ao this na Função Padrão de Props
breaking

As funções fabricadoras de valores padrão de props não têm mais acesso à this.

Ao invés disso:

  • props brutas recebidas pelo componente são passadas para as funções padrão como argumento;

  • A API de injeção pode ser utilizada dentro de funções padrão.

import { inject } from 'vue'

export default {
  props: {
    theme: {
      default (props) {
        // `props` são os valores brutos passados para o componente,
        // antes de qualquer tipo / coerção padrão.
        // Também pode ser utilizado `inject` para acessar propriedades injetadas
        return inject('theme', 'default-theme')
      }
    }
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14

# Estratégia de Migração

Sinalizador na compilação de migração: PROPS_DEFAULT_THIS

← API da Função de Renderização →