vue使用i18n插件进行中英文切换（初学者笔记）

公司最近要做一个项目 目的是将原有的项目通过一个按钮点击转换为国际版（简单的说就是将语言进行切换 ）整理了一下网上的答案自己跟着做了一个案例 现将步骤做如下介绍：
1、安装i18n的依赖

npm install vue-i18n

2、安装完后需要手动建立两个语言包（中英文语言包）
一个命名为cn.js 一个命名为en.js


3、然后我们在建立一个中间载体的js文件 在这个文件中 我么将两个语言包引入 并且使用i18n实例化 具体做法如下：

注意 ：需要引入vue 才能使用use方法
new实例中 locale表示当前使用的语言包
messages类似一个仓库 里面放着语言包

4、实例完后将对象导出 在需要使用的地方导入 比如我在app.vue中导入这个对象 然后通过在按钮中添加点击事件来改变当前显示的语言

值得注意的是使用了这个i18n后 vue中的差值表达式就要变成{{$t(内容)}}这样的方式

5、 最后 我们还需要将这个对象挂载到vue实例中 这样我才能生效

效果如下：