首先來看一下網(wǎng)站效果，想寫這個項目的讀者可以自行下載哦，地址：https://github.com/Stray-Kite/Car：

10年積累的成都網(wǎng)站制作、成都做網(wǎng)站經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先做網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程，更有交口免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

在這個項目中，我們主要是為了學(xué)習(xí)語種切換，也就是右上角的 中文/English 功能的實現(xiàn)。

首先看一下模擬的后臺數(shù)據(jù)src/config/modules/lang.js 文件中:

關(guān)鍵代碼：

export default {
 name: 'Homepage',
 components: {
  ScrollNumber
 },
 data () {
  return {
   lang: 'chinese',
   pageIndex: 0,
   stepIndex: 0
  }
 },
 ......其余代碼 44  methods: {
  addClass (el, _class) {177   //切換語言
  toggleLang (lang) {
   this.lang = lang
   // this.animatePage()
  }
 },
 //以下幾個computed是獲取config文件夾里的數(shù)據(jù)
 computed: {
  langs () {
   return config.langs[this.lang] //主要靠這里切換，這個切換的本質(zhì)其實就是使用了另一套英文的數(shù)據(jù)（換了一套后臺數(shù)據(jù)）
  },
  ......其余代碼198  }
}

總結(jié)

以上所述是小編給大家介紹的Vue.js項目實戰(zhàn)之多語種網(wǎng)站的功能實現(xiàn)（租車）,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！