EditableGeoJosnLayer doesn't work well in Vue

[yanshjie]

Hello, developers. I want to use nebula.gl in Vue and my code looks like:

export default {
  data(){
    return {
      myfeature: [
        // a geojson linestring
      ]
    }
  },
  methods: {
    createlayer(){
      let layers = [
        new EditableGeoJsonLayer({
          id: 'nebula',
          data: this.lines,
          selectedFeatureIndexes: [0],
          mode: ModifyMode,
          //other style settings
          onEdit:({updatedData}) => {
            //update myfeature
            let layers = this.createlayer();
            deck.setProps({ layers: layers });
          }
        })
      ]
      return layers;
    }
  }
}

The result is, when I dragging the points wish to modify the geojson linestring, only point moves, the line will not change.
Here is the picture

I have watched the data props in EditableGeoJsonLayer and found that the data actually changed.
So, what's the problem?

[yanshjie]

It seems I can't put myfeature in Vue component's data, otherwise oldlayer will always share the same data with new layer. After fixing that, everthing works.