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 目录中看到生成的应用目录
- 桂林洋经济开发区
- 闲鱼为什么显示服务器忙,使用ServerStatus
- 优启通本地模式使用教程,使用优启通u盘怎样安装wi10系统
- Web前端开发的思考感悟,看完文章你再考虑是否入坑
- Web前端开发的思考与感悟,看完这篇文章你再考虑是否入坑!
- 庞统都做了哪些贡献庞统怎么使用连环计的
- 三 Bytom Dapp 开发笔记:Dapp Demo前端源码分析
- 使用shuttle实现bytom上跨链资产交换
- 十三 ROS开发实践——ROS中SLAM地图(
- Ubuntu中OpenCV的安装及使用示例