vue.js with Django-webpack-loader

Question

I want to use vue.js with Django but get stuck how to integrate vue in the Django templates.

I manage to make a bundle with webpack, setup vue with a piece of html which

Answer 1

I noticed that the vue.js reference needs somehow to come after the vue html tags. Same applies when using Django-web-loader, so {% render_bundle 'main' %} needs to go down. This got it working:

{% load staticfiles %}
{% load render_bundle from webpack_loader %}



    
    





[[ message ]]
kiekeboe

{% render_bundle 'main' %}