Смонтируйте vuejs в элемент DOM с помощью jQuery

Question

Я делаю расширение Chrome для определенного веб-сайта, и у них нет идентификаторов, поэтому я использую jQuery для доступа к элементу dom с помощью сложного запроса.

Когда я читаю инструкции для VueJS, он хочетя могу подключиться к dom через el: '#app', что я ищу, так это если я смогу сделать что-то похожее на el: $('#app').find('li').last().

Answer 1

Вы можете использовать что-то вроде этого:

el: $('#app').find('li').last()[0]

https://jsfiddle.net/3mujL7ac/

Но Денис Цой ответ лучше.

Answer 2

Я полагаю, что решение должно быть предоставлено любым селектором CSS или элементом HTML.

С https://vuejs.org/v2/api/#el

Type: string | HTMLElement

Ограничение: соблюдается только в экземпляресоздание с помощью нового.

Подробности:

Предоставьте экземпляру Vue существующий элемент DOM для монтирования.Это может быть строка селектора CSS или фактический HTMLElement.

После монтирования экземпляра разрешенный элемент будет доступен как vm. $ El.

Если эта опция доступна при создании экземпляра,экземпляр немедленно войдет в компиляцию;в противном случае пользователю придется явно вызывать vm. $ mount (), чтобы вручную запустить компиляцию.

Поэтому, если мы используем следующий селектор css, может быть уместно

el: "#app > li:last-of-type"