How to integrate GridStack.js with Vue.js

As with any virtual DOM based framework, you need to check if Vue has rendered the DOM (or any updates to it) before you initialize GridStack or call its methods. As a basic example, check this component's mounted hook.

If your app requires more complex render logic than the inline template in `addWidget`, consider makeWidget to let Vue deal with DOM rendering.



{{ info }}

{{ gridInfo }}

{{w}}