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

211.Как реализовать локализацию номеров?

Вы можете локализовать номер с помощью форматов определения (например, валюты и т. Д.)

Давайте сделаем следующие шаги, чтобы локализовать номера,

Вам нужно добавить форматы определения. Например, давайте добавим его для английского и японского языков.
const numberFormats = {
"en-US": {
currency: {
style: "currency",
currency: "USD",
},
},
"ja-JP": {
currency: {
style: "currency",
currency: "JPY",
currencyDisplay: "symbol",
},
},
};
После этого укажите параметр numberFormats конструктора VueI18n
const i18n = new VueI18n({
numberFormats
})

new Vue({

i18n
}).$mount('#app')

Теперь настроим их в шаблоне

{ { $ n ( 10 , 'currency' ) } }

{ { $ n ( 50 , 'currency' , 'ja-JP' ) } }

Теперь, он выводит результат

$10.00

￥50

212.Как вы выполняете смену языкового стандарта?

Все дочерние компоненты корневого экземпляра локализованы с использованием свойства locale класса VueI18n. Вы можете изменить значение свойства locale экземпляра VueI18n, как показано ниже.
const i18n = new VueI18n({
locale: 'de', // set locale
...
})

//создать корневой экземпляр Vue

new Vue({
i18n,
...
}).$mount('#app')

// изменить другой язык

i18n.locale = 'en'

Вы также можете использовать экземпляр VueI18n компонента, указанный как свойство $ i18n, которое будет использоваться для изменения локали.