this.$t()在data中（i18n国际化），切换语言不生效的几张解决办法

<div>{{title}}</div>
<script>
	export default{
		data(){
			return{
				title:this.$t('titles')
			}
		}
	}
</script>

当把语言设置在data里时，如果在本页面切换语言（弹窗切换语言功能、跳转切换语言页面在返回等），会发现title这个不会跟着变化语言，但是刷新下页面又可以了。

1、把$t()写在html中

<div>{{$t(title)}}</div>
<script>
	export default{
		data(){
			return{
				title:'titles'
			}
		}
	}
</script>

2、在onLoad、onShow、created、mounted等生命周期里赋值

<div>{{title}}</div>
<script>
	export default{
		data(){
			return{
				title:''
			}
		},
		onShow(){
			this.title = this.$t('titles');
		}
	}
</script>

3、在computed设置

<div>{{title}}</div>
<script>
	export default{
		data(){
			return{
				
			}
		},
		computed:{
			title(){
				return this.$t('titles')
			}
		}
	}
</script>