Standardverarbeitungsmethoden in Vue (ausführliches Tutorial)

Der unten stehende Herausgeber wird einen Artikel über die Internationalisierungsverarbeitungsmethoden unter Vue mit Ihnen teilen. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird. Folgen wir dem Editor, um einen Blick darauf zu werfen

1: Zuerst Vue-i8n installieren

npm install vue-i18n --save

Hinweis: -save-dev bezieht sich auf das Hinzufügen von Paketinformationen zu devDependencies und gibt an, auf welche Pakete Sie bei der Entwicklung angewiesen sind. -save bedeutet, Paketinformationen zu Abhängigkeiten hinzuzufügen und die Pakete anzugeben, von denen Sie beim Veröffentlichen abhängig sind.

2: Informationen in main.js konfigurieren

import VueI18n from 'vue-i18n'
import {getCookie} from './common/cookie' //引入一个js文件，使用引入的函数getCookie，根据当前缓存切换语言
Vue.use(VueI18n)
const i18n = new VueI18n({
　　locale: getCookie('PLAY_LANG','cn-zh'), //根据当前语言切换
　　messages: {
　　　　'cn-zh': require('./language/cn-zh'), //中文语言包
　　　　'en-us': require('./language/en-us') //英文语言包
　　}
})
new Vue({
　　el: '#app',
　　i18n, // 不要忘记
　　router,
　　template: &#39;<App/>&#39;,
　　components: { App }
})

3: Eine neue Sprachdatei im Verzeichnis src erstellen , so weit wie möglich auf der gleichen Ebene wie main.js gespeichert, fügen Sie zwei js-Dateien hinzu, cn-zh und en-us, um die Sprachen zu speichern, die übersetzt werden müssen

4: getCookie-Funktion

function getCookie(name,defaultValue) {
　　var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); //"(^| )" 匹配开头和空格
　　if (arr = document.cookie.match(reg))
　　　　return unescape(arr[2]);
　　else
　　　　return defaultValue;
}
export {
　　getCookie
}

Das Obige habe ich für Sie zusammengestellt. Ich hoffe, es wird Ihnen in Zukunft hilfreich sein.

Verwandte Artikel:

So implementieren Sie die Zahleneingabefeldkomponente in Vue

So verwenden Sie JQuery, um links und rechts zu erreichen Seitenleisten-Skalierungseffekt

Detaillierte Einführung in setTimeout in der JS-Funktion

Detaillierte Einführung in die Aktualisierung von Objekten in Mungo

So implementieren Sie AOP in JavaScript

So stellen Sie https mit Nginx + Node bereit

Das obige ist der detaillierte Inhalt vonStandardverarbeitungsmethoden in Vue (ausführliches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!