Django + Vue.js. Как лучше организовать форму с мульти шаговым заполнением?

Vikky Shostak: ни где) просто когда страницу перезагружаешь, то текущее состояние не сохраняется и в доке вроде ничего про это нет.

Django + Vue.js. Как лучше организовать форму с мульти шаговым заполнением?

Не доводилось, но выглядит интересно. Если много подобных форм, то имеет смысл попробовать имхо. Но состояние не сохраняется вроде, нужно допилить будет.

Что значит @ в названии модуля npm и как их использовать?

jeruthadam: имхо нет, просто чел назвал пакет используя свой ник на манер как в телеграмме или в тостере)

Что значит @ в названии модуля npm и как их использовать?

Когда вебпак видит @ в пути импорта он ее заменяет на путь из алиаса, просто замените собаку на что-то другое в алиасе, чтобы вебпак не делал эту замену, и тогда модули, которые начинаются с @ будут нормально импортироваться.

Как работать со сторонними модулями, как прекращать работу скрипта после переходу по другому роуту?

jeruthadam: именно.

Как работать со сторонними модулями, как прекращать работу скрипта после переходу по другому роуту?

jeruthadam: а с чего вы взяли что destroy метод в принципе существует? И чего вы хотите добиться в принципе? Вы можете поставить анимацию на паузу или сделать рестарт или то и другое одновременно.

Как работать со сторонними модулями, как прекращать работу скрипта после переходу по другому роуту?

jeruthadam:
вы ее видите? вы же уходите со страницы. beforeDestroy() вызывается у компонента на котором анимация, когда вы с него уходите?

Как работать со сторонними модулями, как прекращать работу скрипта после переходу по другому роуту?

А как вы понимаете, что он еще работает?

Как подставить класс элементу в зависимости от значения во Vue?

Связывание добавьте:

input(type="checkbox" :id="item.id" :true-value="item.title" :false-value="" v-model="data.value[0]")

Как подставить класс элементу в зависимости от значения во Vue?

Ну он не понимает скорее всего что вам возвращать, когда у вас чек или не чек, по умолчанию true|false возвращает, из доки:

<input
  type="checkbox"
  v-model="toggle"
  v-bind:true-value="a"
  v-bind:false-value="b"
>

Как подставить класс элементу в зависимости от значения во Vue?

Николай Семенов: В таких случаях я бы открыл dev tools и посмотрел как меняются значения у компонента, что сидит в data.value.
Присвоение класса вроде должно работать, если все остальное верное.

Должен ли vue отслеживать изменение данных в родителе?

Вообще должен работать.

Должен ли vue отслеживать изменение данных в родителе?

А в чем проблема передавать messages через пропсы компонента?

Как правильно вложить в js файл и css и шрифты?

Что у вас в конфиге вебпака?

Как подставить класс элементу в зависимости от значения во Vue?

watch: {
    rightDrawer: function (val) {
      console.log(this.rightDrawer, val)
      eventBus.$emit('SearchSwitch', val)
    }
  },
  created () {
    eventBus.$on('SearchSwitch', (drawer) => {
      this.rightDrawer = drawer
    })
  }

Вот это как-то странно выглядит, вы следите за изменением rightDrawer, при его изменении отправляете событие, тут же его ловите и опять присваиваете той же переменной...

Как правильно инициализировать Vue-компонент после появления элемента в DOM?

Дмитрий: А если закрыть консоль, открыть модальное окно на странице и потом уже заново открыть консоль разработчика и выбрать vue devtools?

Как подставить класс элементу в зависимости от значения во Vue?

Николай Семенов: Из примера не ясно что rightDrawer устанавливает в false

Как правильно инициализировать Vue-компонент после появления элемента в DOM?

Кнопка рефреша девтулза не помогает?

Как вызвать метод в router-link?

Владислав: Думаю, что стоит получить сначала все данные. Или использовать императивную навигацию и не использовать router-link:

div(v-for="result in results")
                div(@click="handler(result.id)") 
                    div {{result.id}}
                    div {{result.number}}

methods: {
handler(uid) {
axios.get("http://127.0.0.1:3000/blabla/"+uid).then((response) => {
                    this.$router.push('/user/'+ response.data[0].id)
                }).catch(error => {
                    console.log(error);
                });
}

Как сделать, чтобы axios заработал?

Вроде через свойство можно задать:

axios.defaults.baseURL = 'https://api.example.com';