vue中html頁面寫入$t(‘’)怎麼顯示

時間 2020-05-29

標籤 vue html 頁面寫入怎麼顯示欄目 HTML 简体版

原文原文鏈接

一、在 main.js 中引入 vue-i18n （前提是要先引入 vue）javascript

 
          import VueI18n from 
          'vue-i18n' 
         
          Vue.use(VueI18n)

二、準備本地的翻譯信息html

 
          const messages = { 
         
          zh: { 
         
          message: { 
         
          hello: 
          '好好學習，每天向上！' 
         
          } 
         
          }, 
         
          en: { 
         
          message: { 
         
          hello: 
          'good good study, day day up!' 
         
          } 
         
          } 
         
          }

三、建立帶有選項的 VueI18n 實例vue

 
          const i18n = 
          new  
          VueI18n({ 
         
          locale: 
          'en' 
          , 
          // 語言標識 
         
          messages 
         
          })

四、把 i18n 掛載到 vue 根實例上java

 
          const app = 
          new  
          Vue({ 
         
          router, 
         
          i18n, 
         
          ...App 
         
          }).$mount( 
          '#app' 
          )