Can I use jQuery mobile and Vue.js together?

Question

I am very inexperienced with these new web technologies. I had a hard time with AngularJS specifically getting it to render on mobiles. I would like to use Vue.js with some of the jQuery mobile elements. Is it possible to mix these frameworks?

Answer 1

I would not recommend it for the following reasons:

1. Vue.js uses its Reactivity system to manage its input bindings. jQuery mobile also modifies the UI elements for look-and-feel. If you make any change on jQuery elements (for your form elements like select drop-down, radio buttons, etc.), those changes may not be reflected within Vue component.

2. Vue.js is a well built micro framework, which produces gzipped app size of under 100kb that is well suited in mobile environments. If you mix jQuery mobile, it will push the size of your app, its memory footprint, and lead to a worse user experience in low-end phones.

Unless you have a strong reason to use jQuery mobile (like if you need touch interactions like drag, etc.), I would not recommend it.

Answer 2

Now this is partly true. jQuery Mobile UI widgets were ported to Vuejs 2 by me, the project is here: https://github.com/mindaugasvcs/jqm-ui.vue

Answer 3

Note: jQuery mobile is not compatible with VUE router - it causes unexpected redirection. E.g. your SPA is located at http://localhost/test/ and VUE router + jQuery mobile causes redirection to http://localhost/

Answer 4

I don't know if you just want to find mobile ui support vuejs, there is a ui list :

1. mint-ui
2. muse-ui - Material Design UI library for Vuejs 2.0
3. 👍vux - not yet support Vue@2.0 yet, but vux 2.0 will be released before 2017.

And if you do not get what you like , you would like to see this.