Перешел с vue CDN на vue CLI и перенес код, в дальнейшем конечно все разбиваю по компонентам. Но я ввел существующий код, и приложение идентификатора браузера содержит пустоту, хотя весь код работает и протестирован
Когда я использовал vueSCAN, код работал абсолютно правильно, но мне нужна работа с веб-пакетом, поэтому я сюда переехал
{{headerText}} {{tab}} Vue .component ("tab-home", {template: " Home component "}); Vue .component ("tab-posts", {template: " Posts component "}); Vue .component ("вкладка-архив", {template: " Компонент архива "}); new Vue ({el: "#app", data: {styleObject: {fontSize: '20px', fontFamily: 'Webnar'}, currentTab: "Home", headerText: "TIR PROJECT", tabs: ["Home "," Сообщения "," Архив "]}, вычислено: {currentTabComponent: function () {return" tab- "+ this.currentTab.toLowerCase ();}}}); #main {height: 100%; } #header {позиция: относительная; ширина: 100%; высота: 50 пикселей; цвет фона: rgba (52, 73, 94,1.0); маржа: 0; } # menu-left {display: flex; флекс-термоусадочная: 1; высота: 100%; ширина: 220 пикселей; цвет фона: rgba (44, 62, 80,1.0); } .menu-tems {display: flex; flex-direction: столбец; } .tab-button {позиция: относительная; ширина: 188 пикселей; маржа: авто; курсор: указатель; цвет: # ecf0f1; отступ: 1em; маржа: 0; } .tab-button.active {позиция: относительная; ширина: 188 пикселей; цвет фона: # 34495e; } .layout {высота: 100%; дисплей: гибкий; flex-direction: ряд; } .body {display: flex; flex-grow: 1; flex-direction: столбец; } .content {максимальная высота: 100%; переполнение-y: прокрутка; набивка: 1 бэр; } .headerText {позиция: относительная; верх: 30 пикселей; }