<div id="wrap">
<h1 v-html="$t('message.hello')"></h1>
<h1 v-html="$t('message.minwt')"></h1>
</div>const messages = {
en: {
message: {
hello: 'hello',
minwt:'minwt'
}
},
tw: {
message: {
hello: '哈囉',
minwt:'梅問題'
}
},
cn: {
message: {
hello: '哈啰',
minwt:'梅问题'
}
},
jp: {
message: {
hello: 'ハロー',
minwt:'メイウンディー'
}
}
}
const i18n = new VueI18n({
locale: 'tw',
messages,
})
new Vue({ i18n }).$mount('#wrap')
External CSS
This Pen doesn't use any external CSS resources.