Estoy trabajando en un proyecto de Drupal que importa JQuery en todas sus páginas. Empezamos a usar Vue.js inyectándolo directamente en las páginas HTML para el desarrollo de componentes dinámicos (no para un SPA).
El problema es que tenemos JQuery UI que entra en conflicto con Vue.js. Modificará directamente todas las entradas de Vue.js readaptando sus estilos.
¿Es posible deshabilitar JQuery UI en un div en particular, que contendría Vue.js? Sin tener que deshabilitarlo en toda la página, porque nuestro encabezado tiene un menú de hamburguesas que usa JQuery UI.
Encontramos una solución para corregir este conflicto entre Vue.js y JQuery. Este método no deshabilitará por completo JQuery en un ámbito determinado, pero deshabilitará un comportamiento con el que teníamos problemas.
$('seleccionar').selectmenu("destruir")
Más sobre el método de destrucción aquí: https://api.jqueryui.com/selectmenu/#method-destroy