Vue - когда и зачем использовать $ el

Question

Я нашел этот ответ здесь: https://stackoverflow.com/a/50431015/11735826 и я удивляюсь, почему. Здесь был использован $ el, а также почему он не работает без элемента el?

Answer 1

$el возвращает элемент HTML, к которому привязан данный экземпляр Vue (будь то основной экземпляр или компонент). Используя this.$refs.modal.$el, ответ получает базовый элемент HTML для this.$refs.modal, а затем инкапсулирует его в объект jQuery для вызова модального метода.

Answer 2

при использовании атрибута ref в теге html DOM-элемент возвращается this.$refs.modal.

при использовании атрибута ref в теге шаблона возвращается экземпляр компонента,поэтому this.$refs.modal.$el возвращает непосредственно элемент DOM. Смотри https://vuejs.org/v2/api/#vm-el