Почему рекомендуется использовать vue-правило ESLint/перенос атрибутов?

#vue.js #eslint

#vue.js #эслинт

Вопрос:

Правило «vue/атрибут-перенос» компоновки файлов компонентов Vue включено во все плагины рекомендаций по компоновке Vue («плагин:vue/vue3-настоятельно рекомендуется», «плагин:vue/настоятельно рекомендуется», «плагин:vue/vue3-рекомендуется» и «плагин:vue/рекомендуется»).

Я действительно не понимаю смысла этого правила.

Когда я создаю новый компонент, подобный этому:

 lt;scriptgt; export default {  name: 'MyComponent',  props: {  myProp: String  } } lt;/scriptgt;  

Я не вижу никакой пользы в том, чтобы передавать эту опору таким образом:

 lt;MyComponent my-prop="abc" /gt;  

Так как это более запутанно и «волшебным образом трансформируется».

Есть ли какая-то особая причина, по которой это правило поощряется?

Комментарии:

1. Несоблюдение этого правила приведет к смешанным случаям при вставке html как есть. Vue исторически позволяет использовать допустимый html в качестве шаблонов компонентов, а html не учитывает регистр и использует атрибуты регистра.