vuejs/vue

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

Open

#10,191 opened on 2019年6月25日

GitHub で見る
 (15 comments) (23 reactions) (0 assignees)TypeScript (209,764 stars) (33,833 forks)batch import
contribution welcomefeature requestgood first issuehas PRwarnings

説明

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.)

コントリビューターガイド

技術スタック
vuetypescript
領域
frontend
Issue 種別
feature
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
half day
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
Familiarity with Vue 2 template compiler
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
40
調査方針
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.