无法访问created（）内部的变量并无法在模板中使用？

Question

我的模板代码：

<div><font>{{ toCode }}</font></div>

Js代码：

export default {
data() {
    return {
          toCode :""
          }
},
created(){
Event.$on("code", arg => {
      this.toCode = arg.name;
      console.log(this.toCode);// returns code in console but unable to use in template
    });
}
}

需要在vue模板中使用该变量。