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

209.Как вы справляетесь с плюрализацией?

Вы можете переводить с множественным числом, указав языковой стандарт, имеющий канал | разделитель и определите множественное число в разделителе трубы. Помните, что шаблон должен использовать $tc() вместо $ t().

Сначала вам нужно определить сообщения,

const messages = {
en: {
user: 'user | users',
friend: 'no friend | one friend | {count} friends'
}
}
И шаблон может настраивать сообщения со значениями
{{ $tc("user", 1) }}
{{ $tc("user", 10) }}

{{ $tc("friend", 0) }}

{{ $tc("friend", 1) }}

{{ $tc("friend", 10, { count: 10 }) }}

Наконец, он выводит результат, как показано ниже

user

users

no friend

one friend

10 friends

210.Как реализовать локализацию DateTime?

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

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

Например, вы можете добавить форматы определения для английского языка и языкового стандарта Jappan, как показано ниже.
const dateTimeFormats = {
'en-US': {
short: {
year: 'numeric', month: 'short', day: 'numeric'
},
long: {
year: 'numeric', month: 'short', day: 'numeric',
weekday: 'short', hour: 'numeric', minute: 'numeric'
}
},
'ja-JP': {
short: {
year: 'numeric', month: 'short', day: 'numeric'
},
long: {
year: 'numeric', month: 'short', day: 'numeric',
weekday: 'short', hour: 'numeric', minute: 'numeric', hour12: true
}
}
}
После этого Вам необходимо указать опцию dateTimeFormats конструктора VueI18n.
const i18n = new VueI18n({
dateTimeFormats
})
new Vue({
i18n
}).$mount('#app')
А потом добавьте их в шаблон

{ { $ d ( new Date ( ) , 'short' ) } }

{ { $ d ( new Date ( ) , 'long' , 'ja -JP ' ) } }

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

May 20, 2019

2019年5月20日