Как добавить свой абтрибут к html-тегу?

Question

[Михаил]

Здравствуйте. В vue.js используется "самописные" атрибуты для тегов:

<p v-if="seen">Now you see me</p>
<button v-on:click="reverseMessage">Reverse Message</button>

Как они реализуются? Я знаю про атрибут data, но мне совсем не ясно, как добавлять ЛЮБЫЕ атрибуты к тегам

Comments

[Ярослав Иванов]

Вам религия запрещает ? берете и вставляете.

[Михаил]

Ярослав Иванов: а как к ним потом обращаться в js-коде?

[Ярослав Иванов]

Михаил: Через css селекторы

Answer 1

[Алексей Ярков]

<eto>
  <vpolne>
    <validniy>
      <block s="1" hz="2" kakimi="3" attributami="true"></block>
    </validniy>
  </vpolne>
</eto>

let block = document.querySelector('block');
alert(block.getAttribute('hz'));

Answer 2

[zooks]

Делайте по-человечески через атрибуты data-
https://developer.mozilla.org/ru/docs/Web/Guide/HT...