渲染器进程

    选自 Electron 文档

    如果你不熟悉 Vue 组件，请阅读 。组件的使用使我们大型、复杂的应用程序更加有组织化。每个组件都有能力封装自己的 CSS、模板 和 JavaScript 的功能。

    有关 vue-router 的更多信息请点击 这里。 简而言之，我们鼓励使用 vue-router，因为创建 单页应用程序 (Single Page Application) 在制作 electron 程序的时候更加实用。你真的想管理一堆 BrowserWindows，然后在其之间传达信息吗？恐怕不会。

    路由被保存在 src/renderer/router/index.js 里并定义如下…

    2.   name: '<routeName>',
    3. }

    … 其中 <routePath> 和 <routeName> 都是变量。然后，这些路由使用 src/renderer/App.vue 的 <router-view> 指令附加到组件树上。

    注意

    描述 vuex 并不是简单的事情，所以请阅读 这里，以便更好地了解它试图解决的问题及其工作原理。

    electron-vue 利用 vuex 的模块结构创建多个数据存储，并保存在 src/renderer/store/modules 中。

    拥有多个数据存储对于组织化来说可能很好，但你必须导入每一个数据，这也可能令人厌烦。但是不要担心，因为 src/renderer/store/modules/index.js 对我们来说是麻烦的工作！这个简单的脚本让 src/renderer/store/index.js 一次性导入我们所有的模块。如果所有这些都没有，只要知道你可以轻松地复制给定的 Counter.js 模块，它将以 “神奇” 的方式被加载进来。