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

我是 vuejs 新手，我正在尝试构建一个简单的单文件组件用于测试目的。

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

<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>

按钮工作正常。当我点击它时，值会发生变化。但是当我收到事件时，“收到事件”显示在控制台中，但我的 bool 值没有改变。

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

谢谢和问候，埃里克

最佳答案

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

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