Javascript VueJS参数在页面中无法正常工作

我在一个外部文件中编写了我的

vue

，并将其添加到页面底部，但它不能完全工作。例如，当使用

v-model

时，页面包含一个错误：

编译模板时出错

当页面加载时，我从API中提供数据并将其放入参数中，但我的模板将参数显示为空。在我的开发工具中，它向我展示了API对我所有数据的响应

这是我的

get_Data

方法：

get_type_data() {
    get_data().subscribe(function (x: any) {
        this.types = x.data;
        console.log(this.types);
    });
},

---

在控制台中，它显示正确的值，但当我在模板中使用它时，它是空的。我该怎么办

使用粗箭头符号

get_type_data() {
            get_data().subscribe(x => {
                this.types = x.data;
                console.log(this.types);
            });
        },