It is nice to see some examples of how integrate vue into a traditional server rendered app instead of a SPA.
I’m in the process of replacing jQuery with Vue in one of our legacy apps.
I’m planning to wrap each page’s content in a div and mounting a vue instance on it to pick up any custom components within.
For example something like this:
<dropdown-button text="My Button">
... items ...
import Vue from 'vue'
import DropdownButton from '...'
Vue.component( 'dropdown-button', DropdownButton );
Now I can add any vue components within the form and they will all be processed by the single vue instance.
I wonder if you had considered an approach like this and how do you think it compares to the instance-per-component approach you have detailed above?