<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> <script src="https://unpkg.com/vue-i18n@11"></script> <div id="app"> <button @click="start">开始</button> <button @click="stop">停止</button> <div>{{$t('message.hello')}}</div> <div>{{$t('message.name')}}</div> <div>{{$t('message.city')}}</div> <div>{{$t('message.age')}}</div> <div>{{$t('message.sex')}}</div> <div>{{$t('message.job')}}</div> <div>{{$t('message.work')}}</div> <div>{{a}}</div> </div> <script> const { createApp, ref } = Vue const zhCn = { message: { hello: '你好，世界！', name: '张三', city: '火星', age: '十八', sex: '男', job: '程序员', work: '工作' } } const enUs = { message: { hello: 'Hello, World!', name: 'zhang san', city: 'mars', age: 'eighteen', sex: 'man', job: 'programmer', work: 'work' } } const i18n = VueI18n.createI18n({ locale: 'zhCn', messages:{ zhCn, enUs, } }) const app = createApp({ setup() { const a = ref(0); let timer; function start(){ timer = setInterval(()=>a.value++,10); } function stop(){ clearInterval(timer); } return { a,start,stop } } }); app.use(i18n); app.mount('#app'); </script>