i18n写在data中无法切换语言的解决办法

       第一次写，加上技术极其有限，请各位大佬看了不要见笑哈

       我是今年毕业科班出身的程序员，但我没有过实习经验，因为我跨专业考研失败了，本身专业知识也不是很牢，所以我的产出可能没有什么技术性，但都是我亲身经历。我去了杭州由于没有实习经验&项目经验，只面了2家，都没过，于是乎回到老家湖州随便找了个xx技术服务公司，先积攒一点项目经验

        这里的老板给我分配了一个“翻译”的工作，因为公司承包了一个国外的项目，页面需要中英文切换，项目实现语言切换的是i18n，i18n是international的缩写

        只要在js文件中写中英文的文本，再在vue模板中导入就可以了，vue-i18n文档中的使用方法如下图

         我发现如果将$t('xxx.xxx')写在data中不能实现语言的切换，页面渲染时是何种语言就是何种语言展示页面。我试过用vue生命周期来实现点击按钮切换语言，都以失败而告终。网上关于这个的教程也不是很多，我一时也找不到解决的办法。直到后来我想到了vue的计算属性，于是本来是在data中定义数组改成了在computed中定义数组，如下图

         这样定义的columnsAll数组就可以实现切换语言了。

        虽然在各位大佬眼中只是个小问题，但对我来说也是一次成长，虽然可能以后也不会用到hh

        给我动力的是一个b站up主 阿崔cxr 在学习群里跟着大佬学到了很多东西  一起学习打卡

        附上崔大的b站链接~ 阿崔cxr的个人空间_哔哩哔哩_Bilibili

        冲冲冲！