Vue3.0+Electron笔记

千锋前端Vue3.0 + Electron快速入门视频教程，基于Vue3.0+Electron 19桌面混合开发项目实战教程
https://www.bilibili.com/video/BV1FP4115739/?p=38&spm_id_from=pageDriver&vd_source=c9b3de14b342c2afe5a988c2a9c40237

用到的一些工具：

• 类似less\sass的CSS高级语言：stylus
• 监听项目文件更改后重启项目命令的工具：nodemon
• VUE3推荐的类似webpack的脚手架工具： vite2
• VUE3推荐的state全局存储库和状态管理插件：pinia
• VUE3推荐的路由插件：vue-router
• electron窗口状态保持（大小、位置）：electron-win-state
• JS实用工具包：lodash
• localStorage/sessionStorage操作插件：store2

vue3状态管理方法：

• 使用内置的 provide、inject 方法，在父组件里定义一个依赖，在子组件里可以引用注入这个依赖，实现状态同步
• 使用pinia状态管理插件

vue3可以在script标签中加个setup属性，就可以直接在script标签里写VUE3代码
所有 ES 模块导出都被认为是暴露给上下文的值，并包含在 setup() 返回对象中

<script setup>
    import { inject } from 'vue'
    import Child from './Child.vue'
    const {isShow} = inject('appState')
</script>
<template>
    <div>
        {{isShow}}
        <Child/>
    </div>
</template>

版权属于：Joyber

本文链接：https://blog.qqvbc.com/default/828.html

转载时须注明出处及本声明