![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
文章平均质量分 77
前端开发
ch_s_t
这个作者很懒,什么都没留下…
展开
-
我所理解Vuex状态管理
Vuex是一个专供Vue应用程序开发的状态管理模式,采用集中式存储管理应用的所有组件的状态,并以相应的规则保证以一种可预测的方式发生变化。它是一个存放多个组件共用的数据的一个容器,存放的数据是响应式,即存放数据发生变化,各个组件都会自动更新。每一个vuex应用的核心就是store,store基本上就是一个容器,它包含着应用中大部分的状态,它的状态存储是响应式,当组件从store中读取状态时,若 store中状态变化,则相应组件会自动更新。不能直接改变store中状态,唯一途径就是显式提交mutation。原创 2024-06-04 15:16:30 · 984 阅读 · 0 评论 -
Vite+Electronss构建vue3桌面应用
本文介绍使用vite构建Electron项目,使用@vitejs/plugin-vue插件辅助完成vue3桌面应用,主要使用Vite,Vue,Electron,@vitejs/plugin-vue四个模块。原创 2024-06-21 15:59:14 · 641 阅读 · 0 评论 -
我所理解的VUE路由管理
WEB的开发与应用可以分为单页面应用(SPA SinglePage Application)和多页面应用(MPA MultiPage Application),多页面应用是传统的web应用程序,每个页面都是独立的HTML文件,每次页面刷新都会加载整个页面。单页面应用基于现代web技术,它使用一个javascript在一个单独的页面上构建整个应用程序,实现局部刷新、数据异步加载和响应式布局等特性。将路由映射到组件中。path: '/',},//创建路由实例,把定义的路由挂载到路由实例中})原创 2024-05-23 15:58:48 · 843 阅读 · 2 评论 -
使用Vuex实现购物车
使用时,需要将商品列表组件Product.vue和购物车列表组件Cart.vue在App.vue中引入,并在Vuex的store文件夹下的cart.js中定义好商品数据 all_products和已添加到购物车的商品数据selected,然后将该模块放入index.js文件的modules对象中,将数据通过getters导出,将方法通过actions和mutations导出。当进行一些小项目开发时,涉及组件传值时,或者项目非常小,组件间共享状态不多的情况下,此时可以使用简单的store模式或者其它方式。原创 2024-06-06 10:02:37 · 531 阅读 · 0 评论 -
使用Vite从零开始构建Electron项目
"script" {项目开发成功后,开发者可以通过npm run start 方式启动应用。在根目录的script/dev/下, 创建文件index.js,它是启动开发环境的脚本,它主要完成如下四项工作:(1)启动Vue项目的开发服务。(2)设置环境变量(3)编译主进程代码(4)启动Electron子进程,并加载Vue项目的首页。原创 2024-06-24 16:44:03 · 1360 阅读 · 2 评论 -
基于JWT验证的前后端实现
本文主要介绍了使用express 作为服务器,使用jsonwebtoken插件实现jwt的应用。前后端采用restful方式传递数据,原创 2024-05-09 16:37:13 · 170 阅读 · 2 评论 -
使用Electron读取本地文件
Electron原来叫Atom Shell ,可以用Web技术搭建桌面端程序,以Electron为基础,可以用HTML,CSS和javascriptpt实现程序逻辑和用户桌面,Electron程序一般有主进程和渲染进程,主进程是启动程序的Node脚本,提供对原生的node模块访问。渲染进程是由chromium管理的Web界面。以下的内容介绍从零开始搭建一个读取本地文件的Electron项目。原创 2024-06-13 16:36:05 · 1355 阅读 · 0 评论