javascript - <script>标记内的Vuejs单个文件组件(.vue)模型更新

我是vuejs的新手，我正在尝试构建一个简单的单个文件组件以进行测试。

该组件仅显示一个布尔值和一个更改布尔值的按钮。
它还会监听“ customEvent”，该“ customEvent”也会更改bool值

<template>
  {{ mybool }}
  <button v-on:click="test">test</button>
</template>

<script>
  ipcRenderer.on('customEvent', () => {
    console.log('event received');
    this.mybool = !this.mybool;
  });


  export default {
    data() {
      return {
        mybool: true,
      };
    },
    methods: {
      test: () => {
        console.log(mybool);
        mybool = !mybool;
      },
    },
  };
</script>

该按钮工作正常。当我单击它时，值会更改。
但是当我收到事件时，控制台中会显示“已收到事件”，但我的布尔值没有变化。

有没有办法从我的代码访问组件数据？

感谢致敬，
埃里克

最佳答案

您可以将ipcRenderer.on(...)移到vuejs的生命周期挂钩中，例如created。
参见：https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks

关于javascript - <script>标记内的Vuejs单个文件组件(.vue)模型更新，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45752219/