什么是Vue字典_表单选项啥的_在字典文件里定义好各种静态数据

const dict = {

  SUCCESS: '操作成功',

  ERROR: '操作失败',

  // 更多状态码和消息

}

<template>

  <div>

    {{ dict[status] }}

  </div>

</template>

{ en: {

        messages: {

          hello: 'Hello',

          // 其他英文消息

        }

      },

      zh: {

        messages: {

          hello: '你好',

          // 其他中文消息

        }

      }

    }

import Vue from 'vue';

import VueI18n from 'vue-i18n';



Vue.use(VueI18n);



const i18n = new VueI18n({

  locale: 'en', // 设置默认语言

  messages,

});



new Vue({

  i18n,

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

methods: {

  changeLanguage(language) {

    this.$i18n.locale = language;

  }

}

<template>

  <div>

    <span>{{ $t('hello') }}</span>

  </div>

</template>