Почему возникает ошибка обращения к свойству во время рендеринга, которое не определено в экземпляре Vue.js?

Некоторые причины возникновения ошибки обращения к свойству во время рендеринга, которое не определено в экземпляре Vue.js:

• Ошибки в написании имени переменной. 5 Нужно внимательно проверить код и убедиться, что нет опечаток. 5
• Свойство или метод определены в другом компоненте. 5 Компоненты имеют ограниченную область видимости, поэтому то, что определено в одном компоненте, недоступно в другом. 5 Для перемещения данных между компонентами нужно использовать props и события. 5
• Забыто вернуть переменную. 1 Например, если не добавить оператор return в функции setup(). 1
• Монтирован второй экземпляр Vue внутрь первого. 3 Первый экземпляр при компиляции обрабатывает ту часть шаблона, которая предназначена для второго. 3 В результате возникают ошибки, так как у первого экземпляра нет тех свойств, которые есть у второго и которые используются в шаблоне. 3

Чтобы исправить ошибку, можно попробовать перенести данные второго экземпляра Vue в первый или сделать отдельный компонент. 3