Как решить ошибку "Property «count» was accessed during render but is not defined on instance. at "?

Question

[Maks_Min]

Привет, я только начал изучить Vue.js и столкнулся с ошибкой. Property "count" was accessed during render but is not defined on instance. at . При этом на страницу не выводит ни counter, ни title. Скрины 3 файлов:

Answer 1

[Антон Антон]

export default {
  data() {
    return ...

Comments

[Maks_Min]

Спасибо, помогло, а можешь, пожалуйста, в дух словах объяснить почему не работал мой вариант, чтобы не допускать таких ошибок в будущем.

[Антон Антон]

Maks_Min, import variable from 'file' - это импортировать то, что экспортирует по умолчанию 'file' (с учетом всяких лоадеров и прочего). В том что ты написал твой файл ничего не экспортирует, соответственно в переменной App было undefined (ну или какое-то значение от лоадера типа объекта с рендер функцией, но без данных (так как часть со скриптом ничего не экспортирует), я не проверял).