代码编织梦想

vue3 + ts + antd + pinia 从零搭建后台系统(一) 脚手架搭建 + 入口配置-爱代码爱编程

简易后台系统搭建开启,分几篇文章更新,本篇主要先搭架子,配置入口文件等 目录 效果图一、搭建脚手架:二、处理package.json基础需要的依赖及运行脚本三、创建环境运行文件四、填充vue.confi

vue初使用实例之笔记本-爱代码爱编程

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <t

实现vue3+element-爱代码爱编程

1.创建右键菜单组件 <template> <!-- 右键菜单 --> <div class="rightMenu" v-show="showMenu">

16.左侧导航菜单制作-爱代码爱编程

左侧导航菜单制作 1. 修改路由,方便查看页面 index.ts import { RouteRecordRaw, createRouter, createWebHistory } from "vue-router";

node.js和npm的安装及配置-爱代码爱编程

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞 I/O 的模型。 npm(node package manager)是一个 Node.js 包管理和分发工具,也是整个 Node.js 社区最流行、支持第三方模块最多的包管理器。使用 npm 可以便捷而快速地进行 Vue.j

vue2快速上手-爱代码爱编程

本节目标 初步了解vue vue定义开发方式体验核心包开发插值表达式响应式特征开发者工具 vue定义 vue2官网: Vue.js vue是用于构建用户界面的渐进式框架 💡 Tips: 构建用户界面 -> 数据驱动视图 💡 Tips: 渐进式 -> 学一部分就能用一部分 开发方式 vue有两种开发方式: 核心包开发 | 工程化

基于springboot + vue的财务管理系统_vue springboot 发票管理 csdn-爱代码爱编程

末尾获取源码作者介绍:大家好,我是墨韵,本人4年开发经验,专注定制项目开发 更多项目:CSDN主页YAML 学如逆水行舟,不进则退。学习如赶路,不能慢一步。 目录 一、项目简介 二、开发技术与环境配置 2.1.SpringBoot框架 2.2Java语言简介 2.3 Vue的介绍 2.4 mysql数据库介绍 2.5 B/

【websocket】websocket与前后端的整合使用-爱代码爱编程

文章目录 前言一、WebSocket是什么?二、后端整合WebSocket2.1 pom.xml 引入相应依赖库2.2 websocket配置类2.3 webSocket 对应具体实现 三、前端整合Web

element plus + vue.js 实现多栏目点击打开标签页_vue 点击菜单在标签页中打开-爱代码爱编程

一、首先引入vue.js和element,这里我是用的CDN直接引入: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" conte

vuex 状态管理_vuex状态管理-爱代码爱编程

一、Vuex 介绍 状态管理模式 + 库参考官方文档:Vuex 是什么? | Vuex (vuejs.org) 1. 多个组件之间共享数据,并且共享的数据是响应式的,即数据的变更能及时渲染到模版 2. vuex 会集中管理所有组件的状态 将所有组件之间需要共享的数据提取出来存储在一个位置让 vuex 集中管理 3. 安装 vuex

vue2组件的生命周期及缓存路由(keep-爱代码爱编程

一、组件的生命周期 组件创建阶段: 一个组件以标签的形式使用时,就会立即创建一个组件实例,new Vue()。在内存中初始化这个组件对应的基本事件和生命周期函数。初始化完成后会立即触发beforeCreate生命周期函数。  beforeCreate阶段:就是初始化组件的Vue实例,此时组件的props/date/methods等还没有被创建,都处于

内置组件:keepalive_keepalive include-爱代码爱编程

一,前言 1.keepalive是vue的一个内置组件 2.在vue中我们可以使用component内置组件根据is属性来切换组件,而keepalive组件的功能就是在多个组件间动态切换时缓存被移除的组件实例, 二,k

vue store getters mapgetters 具体用法-爱代码爱编程

1、首先在src下面建一个store文件夹 具体的结构是:modules(文件夹) getter.js index.js 2、在main.js 里引入  import store from './store' new Vue({ el: '#app', router, store, render: h => h(App) })

vue中的mutations_vue mutations-爱代码爱编程

目录 一:介绍 二:例子 一:介绍 Vuex 中的 mutation 非常类似于事件: 每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的函数,并且它会接受 state 作为第一个参数 二:例子 定义状态和mutations: // s

keep-爱代码爱编程

文章目录 背景场景一场景二 背景 项目中有比较多的列表页及对应的详情页面,列表页有较多的查询项,当筛选了条件进行查询之后,点击列表数据穿透到对应的详情页查看详情信息,从详情页面返回之后,如果列表

vue基础必备掌握知识点-爱代码爱编程

什么是Vue? Vue的概念 Vue是一个用于构建用户界面的渐进式框架(通过数据渲染出用户所能够看到的界面) Vue的两种使用方式 1:Vue核心包开发         场景:局部模块的改造 2:Vue核心包&Vue工程化的开发         场景:整站开发 Vue开发的优缺点: 优点 :提高开发的

vue2中vuex的基本使用_vue2 vuex-爱代码爱编程

一.基本使用方法 因为这是在vue2中vuex的使用方法,所以注意安装vuex时要注意其版本,因为vue2不支持4.0及其以上的版本,我这里的版本为"vuex": "^3.6.2",也就是3.6.2版本。 下面我们创建两个简单的页面,一个页面包括加法与减法功能,另一个只有乘法功能。 <template> <div>

vue学习日记 day7 —— json-爱代码爱编程

一、前一天Vuex总结 1、state 作用:存放数据 定义: state:{ //数据 } 使用://放在da

keep-爱代码爱编程

目录 keep-alive用法 源码 实现思路 LRU 缓存策略 abstract keep-alive用法 1. 路由 <keep-alive> <router-view></router-view> </keep-alive> 2.动态组件 <keep-a

vue学习日记 day6 —— vuex_mapgetters 映射 默认根级别的映射-爱代码爱编程

一、vuex概述 1、目标:明确vuex是什么,应用场景,优势 2、是什么:vuex是一个vue的状态管理工具,状态就是数据 (简述:vuex是一个插件,可以帮我们管理vue通用的数据) 3、场景: (1)某个状态