Modificador v-on.native removido

rutura

Visão Geral

O modificador .native para v-on foi removido.

Sintaxe da 2.X

Os ouvintes de eventos passados para um componente com v-on são por padrão apenas acionados emitindo um evento com this.$emit. Para adicionar um ouvinte de DOM nativo ao elemento de raiz do componente filho, o modificador .native pode ser usado:

<my-component
  v-on:close="handleComponentEvent"
  v-on:click.native="handleNativeClickEvent"
/>

Sintaxe da 3.x

O modificador .native para v-on foi removido. Ao mesmo tempo, a nova opção emits permite o filho definir quais eventos realmente emitir.

Consequentemente, agora a Vue adicionará ouvintes de evento que não são definidos como eventos emitidos pelo componente no filho como ouvintes de evento nativo ao elemento de raiz do filho (a menos que inheritAttrs: false tivesse sido defino nas opções do filho):

<my-component
  v-on:close="handleComponentEvent"
  v-on:click="handleNativeClickEvent"
/>

MyComponent.vue

<script>
  export default {
    emits: ['close']
  }
</script>

Estratégia de Migração

• Remover todas instâncias do modificador .native.
• Garantir que todos os nossos componentes documentam os seus eventos com a opção emits.

Opção da Construção de Migração: COMPILER_V_ON_NATIVE

Consulte Também

• RFC Relevante
• Guia de Migração - Nova Opção emits
• Guia de Migração - $listeners removida
• Guia de Migração - Mudanças na API de Funções de Interpretação