Как обратиться к атрибутам корневого элемента vue.js?

Question

[RudMa]

Мне необходимо вытащить значения атрибутов из корневого элемента

<div id="app-cart" data-url="http://localhost:3000/products" data-sessid="sessid" data-link-catalog="catalog.html" data-link-index-page="index.html" data-submit-message="Ваша заявка успешно отправлена!<br> В течение 5 минут мы Вам перезвоним" data-params="">

пока я обращаюсь через DOM

sessid: document.querySelector("#app-cart").getAttribute("data-sessid")

Как это сделать правильней?

Answer 1

[Сергей Соколов]

this.$el.dataset.sessid
Или, из более глубокого под-компонента
this.$root.$el.dataset.sessid

Answer 2

[samorez999]

Правильно работать с элементами через связанные данные, а не с DOM напрямую. Вот так:

<div id="app-cart" ref="app-cart"></div>

this.$refs.app-cart

Подробнее в спеке