Vue.js: петля на теге <i18n>

Есть способ, но определенно не использовать v-for, так как это конструкция Vue, используемая только в шаблонах Vue (блок <template> SFC обрабатывается компилятором шаблонов Vue)

Vue-i18n-loader - это просто расширение vue-loader (используется для обработки файлов vue с помощью Webpack) и работает с использованием пользовательских блоков и функций импорта Src. Таким образом, единственный способ решить эту проблему-изменить процесс сборки Webpack

Ниже приведены два возможных решения. В обоих случаях это добавляет некоторую сложность вашему проекту, поэтому, возможно, лучшим решением было бы просто объединить все переводы в один файл json...

Вариант 1-заменить vue-i18n-loader на пользовательское решение

Webpack поддерживает импорт файлов json по умолчанию (они импортируются как объекты JS)

Вы можете использовать Webpack require.context(), как указано здесь. Обратите внимание, что вы можете поместить функцию loadMessages() в отдельный файл и импортировать ее в свои компоненты, но вы должны передать контекст в качестве параметра, потому что параметры require.context должны быть литералами

...в блоке сценария компонента / страницы

<template>0

Аналогичное решение можно создать с помощью webpack-import-glob-loader, но для этого необходимо изменить конфигурацию Webpacks и объединить импортированные "модули" (JS-объекты) в один объект <template>1...

Вариант 2-написание пользовательского загрузчика Webpack

Не должно быть слишком сложно написать свой собственный загрузчик, который расширил бы что-то вроде этого <template>2 на несколько разделов <template>3. Также потребуется изменить конфигурацию Webpack. И ваш загрузчик должен работать до vue-loader...