vuejs/vue

Warn if colon shorthand is used on v-if/v-html/etc.

Open

Aperta il 25 giu 2019

Vedi su GitHub
 (15 commenti) (23 reazioni) (0 assegnatari)TypeScript (209.764 star) (33.833 fork)batch import
contribution welcomefeature requestgood first issuehas PRwarnings

Descrizione

What problem does this feature solve?

I just spent way too long debugging something really weird until I realized I accidentally wrote :v-if instead of v-if.

A warning when wrongly using shorthands like : on "native" vue attributes could prevent this bad experience easily.

What does the proposed API look like?

:v-if="foo"

--> console.warn("You specified v-bind:/ v-on: or a corresponding shorthand on a Vue attribute like v-if or similar. Usually this does not make sense.)

Guida contributor

Tech stack
vuetypescript
Dominio
frontend
Tipo issue
feature
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
half day
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
stale
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
clear
Prerequisiti
Familiarity with Vue 2 template compiler
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
40
Direzione di ricerca
Investigate Vue 2's template compiler in `src/compiler/` to find where directives are parsed. Look for the handling of `v bind` shorthand (`:`) and how native directives like `v if` are distinguished. Add a warning when a shorthand is used on a directive that does not accept bindings. The warning can be emitted in the parser or codegen phase. Check linked issues and comments for prior discussion on implementation details.