- vite+vue3+electron桌面端开发 vite+vue3+electron桌面端开发
- 一、前言<component>元素是vue 里面的内置组件。在<component>里面使用 :is，可以实现动态组件的效果。 二、示例解析下面例子创建一个包含多子组件的 vue 实例。vue代码部分：新建 vue 实例 “app”，这个实例的 components 里面，有3个组件，这些组件都有各自的模板。分别是 acomp，bcomp，ccomphtml 代码部分：使用vue 内置组件... 一、前言<component>元素是vue 里面的内置组件。在<component>里面使用 :is，可以实现动态组件的效果。 二、示例解析下面例子创建一个包含多子组件的 vue 实例。vue代码部分：新建 vue 实例 “app”，这个实例的 components 里面，有3个组件，这些组件都有各自的模板。分别是 acomp，bcomp，ccomphtml 代码部分：使用vue 内置组件...
- 一、Vue 定时器在vue中，有两种定时器，一是浏览器API，window对象上的；另一种就是vue/nodejs封装的，需要引入。import { setInterval, clearInterval } from 'timers'建议使用window对象自带的，因为不容易错。如果一不小心只引入一个，就怎么也清不掉了。import { setInterval } from 'timers... 一、Vue 定时器在vue中，有两种定时器，一是浏览器API，window对象上的；另一种就是vue/nodejs封装的，需要引入。import { setInterval, clearInterval } from 'timers'建议使用window对象自带的，因为不容易错。如果一不小心只引入一个，就怎么也清不掉了。import { setInterval } from 'timers...
- 一、前言Render 函数是 Vue2.x 新增的一个函数、主要用来提升节点渲染性能，它是基于 JavaScript 计算。使用 Render 函数将 Template 里面的节点解析成虚拟的Dom 。Vue 推荐在绝大多数情况下使用模板来创建 HTML。然而在一些场景中，你需要 JavaScript 的完全编程能力。这时你可以用渲染函数render，它比模板更接近编译器。在深入渲染函数之... 一、前言Render 函数是 Vue2.x 新增的一个函数、主要用来提升节点渲染性能，它是基于 JavaScript 计算。使用 Render 函数将 Template 里面的节点解析成虚拟的Dom 。Vue 推荐在绝大多数情况下使用模板来创建 HTML。然而在一些场景中，你需要 JavaScript 的完全编程能力。这时你可以用渲染函数render，它比模板更接近编译器。在深入渲染函数之...
- 一、拓展阅读在前端应用中，窗口间通信应用场景很多，比如弹出qq登录认证窗。 二、postMessage 语法window.postMessage(msg,targetOrigin)注意⚠️postMessage要通过window对象调用！因为这里的window不只是当前window！大部分使用postMessage的时候，都不是本页面的window，而是其他网页的window！如：ifra... 一、拓展阅读在前端应用中，窗口间通信应用场景很多，比如弹出qq登录认证窗。 二、postMessage 语法window.postMessage(msg,targetOrigin)注意⚠️postMessage要通过window对象调用！因为这里的window不只是当前window！大部分使用postMessage的时候，都不是本页面的window，而是其他网页的window！如：ifra...
- 学习VUE3总得知道Proxy怎么使用吧我们都知道vue2是使用object.defineProxy实现数据监控的，但在vue3中改成了使用JS新增的Proxy对象。今天就来看一下Proxy 是如何使用的Proxy对象用于创建一个对象的代理，进而实现基本操作的拦截和定义。它的基本语法是const p = new Proxy(target, handler)target是使用Proxy包裹的目... 学习VUE3总得知道Proxy怎么使用吧我们都知道vue2是使用object.defineProxy实现数据监控的，但在vue3中改成了使用JS新增的Proxy对象。今天就来看一下Proxy 是如何使用的Proxy对象用于创建一个对象的代理，进而实现基本操作的拦截和定义。它的基本语法是const p = new Proxy(target, handler)target是使用Proxy包裹的目...
- Vue2.X是如何利用Object.defineProperty()实现数据绑定的上一篇文章写到了Object.defineProperty的使用，这篇文章说一下Vue是如何利用这个方法实现数据绑定的。首先把Vue中的核心方法defineReactive做一些简化function defineReactive (obj, key, val, cb) { var dep = new De... Vue2.X是如何利用Object.defineProperty()实现数据绑定的上一篇文章写到了Object.defineProperty的使用，这篇文章说一下Vue是如何利用这个方法实现数据绑定的。首先把Vue中的核心方法defineReactive做一些简化function defineReactive (obj, key, val, cb) { var dep = new De...
- 学习VUE总得知道Object.defineProxy怎么使用吧工作归工作，不要觉得会用就完事了，很多时候得多看看基础。今天就专门讲一下Object.defineProxy是如何使用的，这样在以后讲到Vue2.X的源码时，就更容易理解了。Object.defineProperty()方法可以直接在一个对象上定义一个新属性或者修改它的一个先有属性并返回此对象。下面先举个例子示意下。const ... 学习VUE总得知道Object.defineProxy怎么使用吧工作归工作，不要觉得会用就完事了，很多时候得多看看基础。今天就专门讲一下Object.defineProxy是如何使用的，这样在以后讲到Vue2.X的源码时，就更容易理解了。Object.defineProperty()方法可以直接在一个对象上定义一个新属性或者修改它的一个先有属性并返回此对象。下面先举个例子示意下。const ...
- 在本篇内容中我会给大家介绍一下关于Vuex中四个map方法的使用下面我对四个方法进行一下介绍mapState方法：是用于帮助我们映射state中的数据为计算属性； mapGetters方法：用于帮助我们映射；mapActions方法：用于帮助我们生成与actions对话的方法，即：包含$store.dispatch(xxx)的函数getters中的数据为计算属性；mapMutations方法... 在本篇内容中我会给大家介绍一下关于Vuex中四个map方法的使用下面我对四个方法进行一下介绍mapState方法：是用于帮助我们映射state中的数据为计算属性； mapGetters方法：用于帮助我们映射；mapActions方法：用于帮助我们生成与actions对话的方法，即：包含$store.dispatch(xxx)的函数getters中的数据为计算属性；mapMutations方法...
- 在本篇的内容我会给大家介绍一下关于vuex中有关getters的使用和概念，在Vuex的五大核心概念之中getters的概念：当state中的数据需要经过加工后再使用时，可以使用getters加工这就是getters概念下面我将为大家进行代码的演示： 演示：<template> <div> <h1>当前求和为：{{$store.state.sum}}</h1> <h3>当前求和放大10倍... 在本篇的内容我会给大家介绍一下关于vuex中有关getters的使用和概念，在Vuex的五大核心概念之中getters的概念：当state中的数据需要经过加工后再使用时，可以使用getters加工这就是getters概念下面我将为大家进行代码的演示： 演示：<template> <div> <h1>当前求和为：{{$store.state.sum}}</h1> <h3>当前求和放大10倍...
- 本篇内容我将会说一下vue中的监视属性讲解以及使用方式；虽然计算属性可以解决大部分问题，但有我们有的时候也是需要一个自定义的侦听器，这就是为什么学习 watch ，watch是vue官方提供的自定义的侦听器，选项提供了一个更通用的方法，来响应数据的变化。watch使用起来也很简单,直接写在watch的方法里面就可以了,VUE官方的API中也有说明侦听器 代码演示<!DOCTYPE html>... 本篇内容我将会说一下vue中的监视属性讲解以及使用方式；虽然计算属性可以解决大部分问题，但有我们有的时候也是需要一个自定义的侦听器，这就是为什么学习 watch ，watch是vue官方提供的自定义的侦听器，选项提供了一个更通用的方法，来响应数据的变化。watch使用起来也很简单,直接写在watch的方法里面就可以了,VUE官方的API中也有说明侦听器 代码演示<!DOCTYPE html>...
- 📋前言📋💝博客主页：红目香薰_CSDN博客-大数据,计算机理论,MySQL领域博主💝✍本文由在下【红目香薰】原创✍🤗2022年最大愿望：【服务百万技术人次】🤗💝大过年的，挺喜庆啊，欢迎大家转载，纯原生我写的，奉献给大家啦💝动态效果图片素材（PNG）静态效果源码：<!DOCTYPE html><html lang="en"><head> <meta chars... 📋前言📋💝博客主页：红目香薰_CSDN博客-大数据,计算机理论,MySQL领域博主💝✍本文由在下【红目香薰】原创✍🤗2022年最大愿望：【服务百万技术人次】🤗💝大过年的，挺喜庆啊，欢迎大家转载，纯原生我写的，奉献给大家啦💝动态效果图片素材（PNG）静态效果源码：<!DOCTYPE html><html lang="en"><head> <meta chars...
- ！！！ 这个例子可以先忽略mutations 初始化一个stateconst store = new Vuex.Store({ state: { name: "old name", age: 18, sex: "女", }, mutations: { changName(state) { sta... ！！！ 这个例子可以先忽略mutations 初始化一个stateconst store = new Vuex.Store({ state: { name: "old name", age: 18, sex: "女", }, mutations: { changName(state) { sta...
- 一、创建数据库表结构为：id：主键name：省市名称parent_id:自关联主键id 二、后端处理逻辑代码class AreasView(View): def get(self,request): # parent_id = request.GET.get('parent_id') parent_id = request.GET.get('area_id... 一、创建数据库表结构为：id：主键name：省市名称parent_id:自关联主键id 二、后端处理逻辑代码class AreasView(View): def get(self,request): # parent_id = request.GET.get('parent_id') parent_id = request.GET.get('area_id...
- 首先要真心感谢一直支持我到现在的粉丝，也感谢华为能给我这么一个分享的平台，写作期间收获了我的小粉丝，也感受到了创作的快乐，小伙伴们到这里我们就完结了，有哪里不懂或者不好的地方欢迎指正哦，也恭喜能看到现在的小伙伴！愿你历经千帆归来仍是少年 Vuex_ActionAction 类似于 mutation，不同在于：Action 提交的是 mutation，而不是直接变更状态。Action 可以包含... 首先要真心感谢一直支持我到现在的粉丝，也感谢华为能给我这么一个分享的平台，写作期间收获了我的小粉丝，也感受到了创作的快乐，小伙伴们到这里我们就完结了，有哪里不懂或者不好的地方欢迎指正哦，也恭喜能看到现在的小伙伴！愿你历经千帆归来仍是少年 Vuex_ActionAction 类似于 mutation，不同在于：Action 提交的是 mutation，而不是直接变更状态。Action 可以包含...
上滑加载中
推荐直播
-
华为云码道-玩转OpenClaw，在线养虾2026/03/11 周三 19:00-21:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中 -
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中
热门标签