Vue.js vue路由器$this未定义

我正在使用vue路由器，在其中一个组件/vue中，我尝试在加载特定组件时从数据库加载历史记录事务：

<script>
import store from '../store'
export default { 
    data() {
        return {
            histories: []
        }
    },
    route: {
        activate() {
            $this.getHistories()
        }
    },
    methods: {
        getHistories() {
            $this.histories = store.getHistories()
        }
    }
}
</script>

---

$this

不存在，您需要使用

this

：

export default { 
    data() {
        return {
            histories: []
        }
    },
    route: {
        activate() {
            this.getHistories()
        }
    },
    methods: {
        getHistories() {
            this.histories = store.getHistories()
        }
    }
}

---

$this

不存在，您需要使用

this

：

export default { 
    data() {
        return {
            histories: []
        }
    },
    route: {
        activate() {
            this.getHistories()
        }
    },
    methods: {
        getHistories() {
            this.histories = store.getHistories()
        }
    }
}