Как использовать vue js + django?

Question

[Vadim kyklaed]

Добрый день!
Не могу запустить vue с джангой
в хеадере объявил

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="app-3">
  <span v-if="seen">Сейчас меня видно</span>
</div>

var app3 = new Vue({
  el: '#app-3',
  data: {
    seen: true
  }
})

для начала попробовал запустить прямо теле хтмл. эффекта НОЛЬ. в консоли только приветствие от vue и никаких ошибок. статика собрана. статичекие файлы к хтмл подключены. В чем проблема не понимаю. внятных гайдов не нашел.

Answer 1

[lavezzi1]

data - всегда функция возвращающая объект.

var app3 = new Vue({
  el: '#app-3',
  data() {
    return {
      seen: true
    }
  }
})

Comments

[tripcollor]

lavezzi1 ну а что документация просто так писалась чтоли? у них все без вашего return работает https://vuejs.org/v2/guide/

[lavezzi1]

https://vuejs.org/v2/guide/components.html#data-Mu...
https://flaviocopes.com/vue-data-function/

Answer 2

[Serhiy Romanov]

Посмотрите такой туториал, возможно поможет разобраться в некоторых моментах.
https://github.com/michaelbukachi/django-vuejs-tut...

Comments

[wufapexef]

Vadim kyklaed, откуда вы беретесь такие?