Что такое VueJS? Каковы основные особенности VueJS? 6

213.Что такое отложенная загрузка (Lazy loading) перевода?

В загрузке всех файлов перевода сразу, нет необходимости, и это также может повлиять на производительность. Когда вы используете webpack, это будет легко для ленивой или асинхронной загрузки файлов перевода. т.е. вы можете динамически загружать или импортировать языковые переводы с помощью webpack, как показано ниже,
//i18n-setup.js
import Vue from "vue";
import VueI18n from "vue-i18n";
import messages from "@/lang/en";
import axios from "axios";

Vue.use(VueI18n);

export const i18n = new VueI18n({

locale: "en", //установить языковой стандарт
fallbackLocale: "en",
messages, // установить сообщения
});

const loadedLanguages = ["en"]; //наш язык по умолчанию, который предварительно загружен

function setI18nLanguage(lang) {

i18n.locale = lang;
axios.defaults.headers.common["Accept-Language"] = lang;
document.querySelector("html").setAttribute("lang", lang);
return lang;
}

export function loadLanguageAsync(lang) {

if (i18n.locale !== lang) {
if (!loadedLanguages.includes(lang)) {
return import(
/* webpackChunkName: "lang-[request]" */ `@/lang/${lang}`
).then((msgs) => {
i18n.setLocaleMessage(lang, msgs.default);
loadedLanguages.push(lang);
return setI18nLanguage(lang);
});
}
return Promise.resolve(setI18nLanguage(lang));
}
return Promise.resolve(lang);
}
//После этого функцию loadLanguageAsync можно использовать внутри vue-router beforeEach.
router.beforeEach((to, from, next) => {
const lang = to.params.lang;
loadLanguageAsync(lang).then(() => next());
});

214.В чем основное различие между методом и вычисляемым свойством?

Основное различие между вычисляемым свойством и методом заключается в том, что вычисляемые свойства кэшируются и вызываются / изменяются только при изменении их зависимостей. В то время как метод будет оценивать каждый раз, когда он вызывается.