diff --git a/src/i18n/index.js b/src/i18n/index.js
index 9f705600..c6a93a8e 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -4,10 +4,10 @@ import VueI18n from 'vue-i18n'
 Vue.use(VueI18n)
 
 export default new VueI18n({
-  locale: 'CN',
+  locale: 'cn',
   messages: {
-    'CN': require('./lang/cn/'),
-    'JA': require('./lang/ja/'),
-    'EN': require('./lang/en/')
+    'cn': require('./lang/cn/').default,
+    'ja': require('./lang/ja/').default,
+    'en': require('./lang/en/').default
   }
 })
diff --git a/src/i18n/lang/cn/index.js b/src/i18n/lang/cn/index.js
index 4c197768..c38fff12 100644
--- a/src/i18n/lang/cn/index.js
+++ b/src/i18n/lang/cn/index.js
@@ -1,4 +1,4 @@
-export const lang = {
+export default {
   pub: {
     pageHeader: {
       demo: '示例'
diff --git a/src/i18n/lang/en/index.js b/src/i18n/lang/en/index.js
index bcead0c5..17400a47 100644
--- a/src/i18n/lang/en/index.js
+++ b/src/i18n/lang/en/index.js
@@ -1,4 +1,4 @@
-export const lang = {
+export default {
   pub: {
     pageHeader: {
       demo: 'Demo'
diff --git a/src/i18n/lang/ja/index.js b/src/i18n/lang/ja/index.js
index 663cf3de..e7e4daab 100644
--- a/src/i18n/lang/ja/index.js
+++ b/src/i18n/lang/ja/index.js
@@ -1,4 +1,4 @@
-export const lang = {
+export default {
   pub: {
     pageHeader: {
       demo: 'サンプル'
diff --git a/src/pages/demo/plugins/vue-i18n/components/DemoI18n.vue b/src/pages/demo/plugins/vue-i18n/components/DemoI18n.vue
index 11fea2ac..e8558316 100644
--- a/src/pages/demo/plugins/vue-i18n/components/DemoI18n.vue
+++ b/src/pages/demo/plugins/vue-i18n/components/DemoI18n.vue
@@ -1,3 +1,3 @@
 <template>
-  <el-button>{{$t('lang.hello')}}</el-button>
+  <el-button>Hello</el-button>
 </template>
diff --git a/src/pages/demo/plugins/vue-i18n/components/DemoI18nControl.vue b/src/pages/demo/plugins/vue-i18n/components/DemoI18nControl.vue
index 76d11275..9f1f756a 100644
--- a/src/pages/demo/plugins/vue-i18n/components/DemoI18nControl.vue
+++ b/src/pages/demo/plugins/vue-i18n/components/DemoI18nControl.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="dd-mb">
     <el-radio-group v-model="lang" @change="handleChange">
-      <el-radio-button label="CN">中文</el-radio-button>
-      <el-radio-button label="JA">日本語</el-radio-button>
-      <el-radio-button label="EN">English</el-radio-button>
+      <el-radio-button label="cn">中文</el-radio-button>
+      <el-radio-button label="ja">日本語</el-radio-button>
+      <el-radio-button label="en">English</el-radio-button>
     </el-radio-group>
   </div>
 </template>
@@ -12,7 +12,7 @@
 export default {
   data () {
     return {
-      lang: 'CN'
+      lang: 'cn'
     }
   },
   methods: {
diff --git a/src/pages/demo/plugins/vue-i18n/demo-1.vue b/src/pages/demo/plugins/vue-i18n/demo-1.vue
index 333b0963..663657fc 100644
--- a/src/pages/demo/plugins/vue-i18n/demo-1.vue
+++ b/src/pages/demo/plugins/vue-i18n/demo-1.vue
@@ -2,7 +2,7 @@
   <Container>
     <PageHeader
       slot="header"
-      :title="`${$t('lang.pub.pageHeader.demo')} 1`"
+      :title="`${$t('pub.pageHeader.demo')} 1`"
       url="http://kazupon.github.io/vue-i18n/en/">
     </PageHeader>
     <DemoI18nControl></DemoI18nControl>
diff --git a/src/pages/demo/plugins/vue-i18n/demo-2.vue b/src/pages/demo/plugins/vue-i18n/demo-2.vue
index c51a9bc7..f7395b8f 100644
--- a/src/pages/demo/plugins/vue-i18n/demo-2.vue
+++ b/src/pages/demo/plugins/vue-i18n/demo-2.vue
@@ -2,7 +2,7 @@
   <Container>
     <PageHeader
       slot="header"
-      :title="`${$t('lang.pub.pageHeader.demo')} 2`"
+      :title="`${$t('pub.pageHeader.demo')} 2`"
       url="http://kazupon.github.io/vue-i18n/en/">
     </PageHeader>
     <DemoI18nControl></DemoI18nControl>