Как загрузить внешний HTML-файл в шаблон в VueJs

Я новичок в Vue JS. Я просто создаю простой проект, в который я просто включаю vuejs через CDN. не используется node /npm или cli.

Я храню всю свою HTML-разметку в одном HTML-файле, который выглядит грязным по мере роста. Я попытался разделить html на представления и хочу включить его по аналогии с ng-include angularJs

Ранее я работал в angular, где есть ng-include для загрузки внешних html-файлов. Я ищу что-то похожее на это в VUE. весь смысл в том, чтобы разбить мои HTML-файлы на более удобные для обслуживания отдельные файлы.

натолкнулся на <template src="./myfile.html"/>, но это не работает Может ли кто-нибудь помочь мне

7 голосов | спросил Khaleel 2 42017vEurope/Moscow11bEurope/MoscowThu, 02 Nov 2017 17:56:09 +0300 2017, 17:56:09

3 ответа


0

Ты не можешь. Вы должны использовать асинхронные компоненты - читайте руководство здесь

ответил 2 42017vEurope/Moscow11bEurope/MoscowThu, 02 Nov 2017 17:58:59 +0300 2017, 17:58:59
0

Это на самом деле удивительно легко, но вам нужно что-то иметь в виду. За кулисами Vue преобразует разметку вашего HTML-шаблона в код. То есть каждый элемент, который вы видите определенным как HTML, преобразуется в директиву javascript для создания элемента. Шаблон удобен, поэтому компонент с одним файлом (vue file) - это не то, что вы сможете сделать без компиляции с чем-то вроде webpack. Вместо этого вам нужно использовать другой способ создания шаблонов. К счастью, есть другие способы определения шаблонов, которые не требуют предварительной компиляции и могут использоваться в этом сценарии.

1 - строковые /шаблонные литералы

пример: template: '<div>{{myvar}}</div>'

2 - функция рендеринга

ответил Daniel 10 52017vEurope/Moscow11bEurope/MoscowFri, 10 Nov 2017 08:42:29 +0300 2017, 08:42:29
0

ng-include действительно хорош для загрузки шаблонов для маршрутизатора. Альтернативой является использование fetch и выполнение собственного обещания.

ответил domih 2 52018vEurope/Moscow11bEurope/MoscowFri, 02 Nov 2018 15:00:48 +0300 2018, 15:00:48

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132