Vue RFC для логического атрибута сокращение

После перехода на Vue 3 я был разочарован, обнаружив, как вылетел от поведения атрибута Vue 2.

Ранее, ложный приведет к удалению атрибута:

Template


DOM if true


DOM if false

Это было просто и интуитивно понятно, но больше не работает во всех случаях.

Будь то выражение шаблона или вывод метода или вычисленного, значение, используемое для настройки Неизвестно Логический атрибут должен быть отражено, чтобы произвести нулевой вместо ложный :

Vue имеет свое Причины для нарушающих изменений, которое включает в себя столь необходимое удаление некоторого специального поведения для трех конкретных атрибутов HTML.

У меня есть мой Причины Почему я думаю, что VUE переполнен.

Vue, конечно, победит здесь, так что это то, что привело к предложению добавить новое ? Опция привязки сокращения, чтобы получить последовательное поведение атрибутов с логическим явлением:

Template


DOM if true


DOM if false

Вы можете прочитать RFC Здесь И если вам это нравится, вы можете поднять Здесь Анкет

Для приложений VUE с пользовательскими элементами и/или пользовательским HTML это особенно важно, потому что переход в VUE 3 может нарушить эти компоненты.

Оригинал: “https://dev.to/jfbrennan/vue-rfc-for-boolean-attribute-shorthand-1ib0”