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

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

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

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