使用 Electron-Vue 开发的桌面应用( 二 ) _组件

import { mapState, mapActions } from 'vuex'export default {name: 'regex-page',computed: {...mapState('Regex', {regexExp: state => state.regexExp,regexOpt: state => state.regexOpt,regexCont: state => state.regexCont,regexResult: state => state.regexResult})},methods: {...mapActions('Regex', ['setNav','cleanFields','regexMatch']),cleanAllFields () {this.cleanFields()},execRegex (event) {this.regexMatch(event)},updateNav (title, index) {this.setNav({ title: title, index: index })}}}
在组件文件中引用了
,方法，他可以获取这个 store 里的 state 和方法，
不过要注意命名空间的使用，此处使用了 Regex 作为命名空间，所以要在和中加命名空间；
命名空间定义文件在：src//store//index.js 文件；
const files = require.context('.', false, /\.js$/)const modules = {}files.keys().forEach(key => {if (key === './index.js') returnmodules[key.replace(/(\.\/|\.js)/g, '')] = files(key).defaultmodules[key.replace(/(\.\/|\.js)/g, '')]['namespaced'] = true})export default modules
但是直接 (‘ Regex ’, [: state => state.]) 是无法使用的，必须在中声明 : true 才可以；
… () 是将里面的对象扁平化到外面的对象中；
直接只是打开了方法，还未执行：
删除 s() 的方法后，生效；
绑定到组件上

生成桌面应用
运行命令：
npm run build:mas # 生成 mac 应用npm run build:linux # 生成 linux 应用npm run build:win32 # 生成 windows 应用
可以在 /build 目录中看到生成的应用目录