处理VueJS范围

我正在处理一个范围问题,无法使用变通方法 let that = this; 我想改变变量 error . 给你一个 CODEPEN Example

HTML格式

<div id="app" class="container">   
    {{error}}
    <br>
    <button type="button" @click="change()">Change Variable Error</button>
</div>

var demo = new Vue({
    el: '#demo',

    data:{
      error: "a",
      item: {
        foo: function(){
            alert('Change!');
          this.error = "Something went wrong!";
        }
    }
    },
    methods:{
        change(){
        this.item.foo();
      }
    }
});

谢谢!