There are already frameworks like ionic or quasar that makes easy to build cross-platform web based apps. The thing is that they usually take a lot of decissions for you like css styles or frontend frameworks.
So here is a tutorial for making the official Vue Webpack template work with cordova.
Why to do this? It gives you a codebase that works with browsers, ios and android with exactly the same code.
So now you can use all your dev tools for web development. The thing I most like about this approach is coding on my browser, with the webpack hot reload, so I can test the changes without waiting my ios or android app to compile.
Also it should be easy to adapt this steps to any other webpack config.
So lets start! First we install the webpack template
npm install -g vue-cli
vue init webpack vue-webpack-cordova
cd webpack vue-webpack-cordova
npm run dev