难点 常见vue3 vue
vue js axios统一拦截导出，全局显示 loading 加载
PS=> 整体逻辑： request 请求文件单独引入 element-ui 的 loading 组件，通过 request 和 response 拦截器进行针对性拦截即可 先插入 element-ui 的 loading 插件 import { Loading } from "element-ui ......
vue3组件之间传值
父组件向子组件传值 1.简单的props方式 //fater.vue <div class="father"> <children :carr="arr" /> </div> <script setup lang="ts"> import children from './children.vue' ......
vue export学习笔记2
#创建项目 vue create vuecli-dem0 #启动项目 npm run serve #打包项目 npm run build #路由说明 由于Vue在开发时对路由支持的不足，于是官方补充了vue-router插件。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件 ......
Vue3中使用pinia
Vue3中使用pinia Pinia是一个轻量级的、基于Vue 3的状态管理库，它的设计目标是提供简单易用的API，使得开发者能够更加便捷地管理Vue 3应用程序中的状态。与Vuex相比，Pinia更加轻量级和易于理解，适用于中小型应用程序。 Pinia的核心是store实例，每个store实例都包 ......
vue export学习笔记
export 用来导出模块，Vue 的单文件组件通常需要导出一个对象，这个对象是 Vue 实例的选项对象，以便于在其它地方可以使用 import 引入。 export 和export default 的区别在于： export 可以导出多个命名模块。如下： //demo1.js export con ......
基于Vue3搭建ChantGPT前后端端源码及搭建教程-官方接口
ChantGPT很多，网上很多说的ChantGPT搭建及源码都是假的，无法使用的，自己研究了好几天，搞定了基于Vue3搭建ChantGPT前后端端源码及搭建教程，现在分享出来，有喜欢的朋友自行下载搭建，用的是openAPI官方接口和key。 搭建好的ChantGPT主要可以实现多聊天窗口，聊天记录导 ......
VUE3刷新页面报错：Uncaught SyntaxError: Unexpected token ‘＜‘
今天用vue3配置嵌套路由时，发现刷新页面后，页面变为空白，打开控制台发现报错： Uncaught SyntaxError: Unexpected token '<' 解决方法： 修改vue.config.js文件： publicPath:"/", 注意不是： 登录后复制 publicPath:". ......
Vue.js 多组件共享数据
视频 #components ##Count.vue <template> <div> <h1>当前求和为：{{sum}}</h1> <h3>当前求和放大10倍为：{{bigSum}}</h3> <h3>我在{{school}}，学习{{subject}}</h3> <h3 style="color ......
Vue.js 求和案例-mapActions和mapMutations
视频 mapActions方法：用于帮助我们生成与actions对话的方法，即：包含$store.dispatch(xxx)的函数 methods:{ //靠mapActions生成：incrementOdd、incrementWait（对象形式） ...mapActions({incrementO ......
Vue.js 求和案例-mapState和mapGetters
视频 6.四个map方法的使用 mapState方法：用于帮助我们映射state中的数据为计算属性 computed: { //借助mapState生成计算属性：sum、school、subject（对象写法） ...mapState({sum:'sum',school:'school',subje ......
如何设置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 项目名字 ......
Vue.js getter配置项
视频 逻辑复杂且跨组件使用 5.getters的使用 概念：当state中的数据需要经过加工后再使用时，可以使用getters加工。 在store.js中追加getters配置 ...... const getters = { bigSum(state){ return state.sum * 10 ......
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 ......
跟着视频敲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 ......
Vue中使用axios发起POST请求成功，却被挂起
服务器能接收请求并处理，控制台没有报错，axios().catch也没有捕获异常。随后查看控制台网络页，发现被挂起 在Stack搜到同问题，上面说将axios()函数返回用.then查看被挂起信息。node.js - Axios get request hangs, no error, catch ......
常见反爬措施--验证码反爬
在各类网站采用了各种各样的反爬虫措施后，其中还有一种就是验证码反爬虫。那么如何将各种各样的验证码进行识别，自动化模拟人类操作验证码点击呢，那么今天我们就来聊一下。 在验证码反爬的类型中，主要有图形验证码（图形和数字随机组成）、点触验证码（词语或四字成语组成）和滑块验证码等。在如今，验证码类型逐渐复杂 ......
Vue.js Vuex实现求和案例
视频 #Vuex版本 ##components ###Count.vue <template> <div> <!-- 模板里能看见vc上所有东西 --> <h1>当前求和为：{{$store.state.sum}}</h1> <select v-model.number="n"> <option v ......
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 ......
Vue.js 纯Vue实现求和案例
纯Vue实现视频106 #纯Vue版本 ##components ###Count.vue <template> <div> <h1>当前求和为：{{sum}}</h1> <select v-model.number="n"> <!-- 收集到的是字符串类型， v-model.number="n"强 ......
Vue 核心（一）
Vue 核心（一） 一、 Vue 简介 1、 概述 Vue是一套用于==构建用户界面==的==渐进式== JavaScript 框架。 渐进式：Vue 可以自底向上逐层的应用。 简单应用：只需一个轻量小巧的核心库 复杂应用：可以引入各式各样的 Vue 插件 如果说是JQuery是手工作坊，那么Vue ......
Vue——initInjections【九】
前言 前面我们简单的了解了 vue 初始化时的一些大概的流程，这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initInjections进行剖析，初始化生命周期之后紧接着。 initInjections initInjections的方法位于scr/core/instanc ......
Vue中的this.$options.data()的this指向问题
项目里遇到一个问题，用this.$options.data()重置组件data时报错，原因是因为form里的rule规则采用了this写法。 如下: rules: { code: [this.$rules.required()], name: [this.$rules.required()], ag ......
SpringBoot 常见小问题
经Nginx反向代理后request.getScheme()获取不到https 解决步骤如下： 在Nginx中设置请求头 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded ......
Vue3
Vue3.0 Devtools6.5.0 开发者工具下载和安装 1、官网地址下载： GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications. 2、下载安装 ①找到其main下的T ......
linux 查看系统资源常见命令
free 内存 free 命令里面的buffer和cache区别 buffers是用来给块设备做的缓冲大小，他只记录文件系统的metadata以及 tracking in-flight pages。 cached用来给文件做缓冲。 即：buffers是用来存储目录里面有什么内容，权限等等,而cach ......
javaweb-vue快速入门
资料来源于：B站尚硅谷JavaWeb教程(全新技术栈,全程实战) ，本人才疏学浅，记录笔记以供日后回顾 视频链接 知识点 Vue 前置条件：需要在项目中放入 vue.js文件 1) {{}} - 相当于innerText 2) v-bind:attr 绑定属性值。例如，v-bind:value - ......
C++中std::function常见用法
C++标准库中的std::function是一个通用的函数封装，可以用来存储、复制、调用任何可调用对象（函数、函数指针、成员函数指针、lambda表达式等）。以下是std::function的一些常见用法： 定义std::function类型std::function类型的定义类似于函数指针类型，例 ......