记录vue国际化i18n的使用

    vue框架如果考虑多语言，可以使用vue-i18n，安装的话，直接通过npm install vue-i18n --save将依赖库加入到当前vue项目中。另外，我们需要配置多语言文件，这里以中文和英文为例，我们在assets目录下新建languages目录，然后新建zh.json和en.json，分别用于存放各自语言对应的国际化文件。

    多语言文件既然是json格式，自然可以包含对象，以及对象嵌套，这里我们通过对象属性以及嵌套的方式来组织我们的多语言文件。内容分别如下：

    zh.json

{
	"common":{
		"name":"用户名",
		"password":"密码"
	},
	"Settings":{
		"set":"设置",
		"ok":"确定",
		"cancel":"取消",
		"languageSelect":"语言选择"
	}
}

    en.json

{
	"common":{
		"name":"username",
		"password":"password"
	},
	"Settings":{
		"set":"Set",
		"ok":"Ok",
		"cancel":"Cancel",
		"languageSelect":"Language Select"
	}
} 

    两份文件的内容，最好一一对应，虽然理论上只需要两边的内容能够对应上就行。

    接下来，就是在页面上如何引入vue-i18n了，我们需要在vue挂载对象上加入i18n对象。这里以普通的vue项目为例，我们在main.js文件中，通过import Vue-I18n from 'vue-i18n'的方式引入i18n，然后需要通过Vue.use(Vue-I18n)来表示在vue项目中使用i18n，接着需要引入我们前面配置的国际