使用 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 目录中看到生成的应用目录