核心 知识 技术vue

vue js axios统一拦截导出,全局显示 loading 加载

PS=> 整体逻辑: request 请求文件单独引入 element-ui 的 loading 组件,通过 request 和 response 拦截器进行针对性拦截即可 先插入 element-ui 的 loading 插件 import { Loading } from "element-ui ......
全局 loading axios vue js

成为有能力的IT产品经理,项目经理的核心要素

2023年3月21日13:35:03 本文主要针对IT产品和项目,其他行业的可能回不一样,后面详说。 读产品,项目类的书籍,有什么作用? 如果你读过很多产品,或者项目的经理的书,恭喜,你白读了,因为真没什么用,学习一些其中方法即可,如果你学习其中的运作思维,产品八成失败,因为核心问题没有搞清楚的前提 ......
经理 要素 核心 能力 项目

vue3组件之间传值

父组件向子组件传值 1.简单的props方式 //fater.vue <div class="father"> <children :carr="arr" /> </div> <script setup lang="ts"> import children from './children.vue' ......
组件 之间 vue3 vue

vue export学习笔记2

#创建项目 vue create vuecli-dem0 #启动项目 npm run serve #打包项目 npm run build #路由说明 由于Vue在开发时对路由支持的不足,于是官方补充了vue-router插件。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件 ......
笔记 export vue

Vue3中使用pinia

Vue3中使用pinia Pinia是一个轻量级的、基于Vue 3的状态管理库,它的设计目标是提供简单易用的API,使得开发者能够更加便捷地管理Vue 3应用程序中的状态。与Vuex相比,Pinia更加轻量级和易于理解,适用于中小型应用程序。 Pinia的核心是store实例,每个store实例都包 ......
pinia Vue3 Vue

vue export学习笔记

export 用来导出模块,Vue 的单文件组件通常需要导出一个对象,这个对象是 Vue 实例的选项对象,以便于在其它地方可以使用 import 引入。 export 和export default 的区别在于: export 可以导出多个命名模块。如下: //demo1.js export con ......
笔记 export vue

基于Vue3搭建ChantGPT前后端端源码及搭建教程-官方接口

ChantGPT很多,网上很多说的ChantGPT搭建及源码都是假的,无法使用的,自己研究了好几天,搞定了基于Vue3搭建ChantGPT前后端端源码及搭建教程,现在分享出来,有喜欢的朋友自行下载搭建,用的是openAPI官方接口和key。 搭建好的ChantGPT主要可以实现多聊天窗口,聊天记录导 ......
源码 ChantGPT 接口 教程 官方

如何将「知识」体系化管理

什么是知识管理?简单的说,就是对熟悉的知识内容,建立一个系统性的管理框架,和一个动态的更新机制,以便全面和深入的消化知识并应用于实践; ......
体系 知识

VUE3刷新页面报错:Uncaught SyntaxError: Unexpected token ‘<‘

今天用vue3配置嵌套路由时,发现刷新页面后,页面变为空白,打开控制台发现报错: Uncaught SyntaxError: Unexpected token '<' 解决方法: 修改vue.config.js文件: publicPath:"/", 注意不是: 登录后复制 publicPath:". ......
SyntaxError Unexpected Uncaught 页面 token

Vue.js 多组件共享数据

视频 #components ##Count.vue <template> <div> <h1>当前求和为:{{sum}}</h1> <h3>当前求和放大10倍为:{{bigSum}}</h3> <h3>我在{{school}},学习{{subject}}</h3> <h3 style="color ......
组件 数据 Vue js

Vue.js 求和案例-mapActions和mapMutations

视频 mapActions方法:用于帮助我们生成与actions对话的方法,即:包含$store.dispatch(xxx)的函数 methods:{ //靠mapActions生成:incrementOdd、incrementWait(对象形式) ...mapActions({incrementO ......
mapMutations mapActions 案例 Vue js

<c:forEach>的部分相关知识点

<c:forEach>用于遍历一个对象集合,在使用之前需要导入,这就是在.jsp文件上写上 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 这句话 循环输出—— <c:forEach items="${list}" va ......
知识点 forEach 部分 知识 lt

Vue.js 求和案例-mapState和mapGetters

视频 6.四个map方法的使用 mapState方法:用于帮助我们映射state中的数据为计算属性 computed: { //借助mapState生成计算属性:sum、school、subject(对象写法) ...mapState({sum:'sum',school:'school',subje ......
mapGetters mapState 案例 Vue js

Vue.js getter配置项

视频 逻辑复杂且跨组件使用 5.getters的使用 概念:当state中的数据需要经过加工后再使用时,可以使用getters加工。 在store.js中追加getters配置 ...... const getters = { bigSum(state){ return state.sum * 10 ......
getter Vue js

如何设置Vue3 + Vite + Tailwind + Typescript 的6个简单步骤

Vite Vue3 Vue Router4 Typescript Pinia Tailwind CSS Fonts & Icons - (As needed) 第一步 npm create vite@latest vue3 和 Typescript 在设置vite时候会被选择为选项 1.1 项目名字 ......
Typescript Tailwind 步骤 Vue3 Vite

Vue.js Vuex开发者工具的使用&Vuex写法一些疑问

视频 4.基本使用 初始化数据、配置actions、配置mutations,操作文件store.js //引入Vue核心库 import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //引用Vuex Vue.use(Vuex) const acti ......
写法 Vuex 开发者 疑问 工具

跟着视频敲vue项目遇到的各种疑难杂症

首先我照着视频敲了一个tabbar导航栏,但是毕竟视频也是以前的,现在这个vue各个东西版本都很高,只能说不按视频来疯狂报错。 之后开始正式项目又重新创建了一个项目,我没在意我直接默认创建,默认创建和视频里有两个不一样的点,一个是eslint(什么b玩应),另一个是vue2x还是3x,视频里是2x。 ......
杂症 疑难 跟着 项目 视频

geoscene for js vue 开发环境搭建及本地化部署

1、需求 公司项目要用到geoscene for js,所以你懂的 2、环境 win10、VSCode、geoscene for js 4.25.6 3、踩坑 1)、安装geoscene 按照官方说明文档 https://doc.geoscene.cn/javascript/4.23/install ......
geoscene 环境 for vue js

Vue中使用axios发起POST请求成功,却被挂起

服务器能接收请求并处理,控制台没有报错,axios().catch也没有捕获异常。随后查看控制台网络页,发现被挂起 在Stack搜到同问题,上面说将axios()函数返回用.then查看被挂起信息。node.js - Axios get request hangs, no error, catch ......
axios POST Vue

Vue.js Vuex实现求和案例

视频 #Vuex版本 ##components ###Count.vue <template> <div> <!-- 模板里能看见vc上所有东西 --> <h1>当前求和为:{{$store.state.sum}}</h1> <select v-model.number="n"> <option v ......
案例 Vuex Vue js

Vue.js 搭建Vuex环境

视频 npm i vuex@3 3.搭建vuex环境 创建文件:src/store/index.js //引入Vue核心库 import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //应用Vuex插件 Vue.use(Vuex) //准备acti ......
环境 Vuex Vue js

Vue.js 纯Vue实现求和案例

纯Vue实现视频106 #纯Vue版本 ##components ###Count.vue <template> <div> <h1>当前求和为:{{sum}}</h1> <select v-model.number="n"> <!-- 收集到的是字符串类型, v-model.number="n"强 ......
Vue 案例 js

Vue.js Vuex简介

简介视频 ......
简介 Vuex Vue js

Vue,js Vuex工作原理图

Vuex原理解析视频107 传参带数据允许走这条线 store管理 ......
原理 Vuex Vue js

性能测试基本理论知识

一、软件项目中性能测试的概念 性能测试是指通过特定方式,对被测系统按照一定策略施加压力,获取系统响应时间、TPS(TransactionPerSecond)、吞吐量、资源利用率等性能指标,以期保证生产系统的性能能够满足用户需求的过程 特定方式是指模拟多用户且不能用手工的模拟方式,常用工具用jmete ......
性能 理论 知识

C++ 内存池技术初探

内存池意义 内存的分配与释放会向系统进行申请,陷入内核,而频繁的内存分配、释放会降低应用程序性能。应用程序通常以特定方式使用内存,因此,能通过开发专门的内存管理器来解决这种情况。内存管理器,通常也称为内存池。 内存管理器需要考虑两方面:大小、并发。 大小 1)固定大小:分配单一固定大小内存块对内存管 ......
内存 技术

时不我待,拥抱趋势,开源IM项目OpenIM技术简介

坚持开源 开源的理念是基于共享、合作和透明的原则,将软件、代码等知识资源公开并允许他人使用、修改和重新分发,以促进创新和发展。以下是几个开源的优点: 创新:开源可以促进创新,通过让其他人改进或扩展已有的代码或项目,不断推动技术的进步。 透明:开源可以提高项目的透明度和可信度,因为所有人都可以查看代码 ......
时不我待 趋势 简介 项目 OpenIM

Vue 核心(一)

Vue 核心(一) 一、 Vue 简介 1、 概述 Vue是一套用于==构建用户界面==的==渐进式== JavaScript 框架。 渐进式:Vue 可以自底向上逐层的应用。 简单应用:只需一个轻量小巧的核心库 复杂应用:可以引入各式各样的 Vue 插件 如果说是JQuery是手工作坊,那么Vue ......
核心 Vue

Vue——initInjections【九】

前言 前面我们简单的了解了 vue 初始化时的一些大概的流程,这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initInjections进行剖析,初始化生命周期之后紧接着。 initInjections initInjections的方法位于scr/core/instanc ......
initInjections Vue