树形 结构filter vue

javaweb——使用axios和vue改造书城项目的购物车

资料来源于:B站尚硅谷JavaWeb教程(全新技术栈,全程实战) ,本人才疏学浅,记录笔记以供日后回顾 由于是多个视频内容混合在一起,因此只放了第一个链接 视频链接 代码示例 index.html代码 修改后,点击购物车按钮,直接访问cart.html页面 点击查看代码 <!DOCTYPE html ......
书城 购物车 javaweb 项目 axios

Vue.use方法

1、Vue.use 在引入各种插件、组件、plguin时都会使用;那么这个函数到底在干嘛? 查看Vue.use的interface 第一个参数要么是PluginObject ,要么是PluginFunction 意思就是:要么给个对象里面带install函数,要么给个函数我约定好参数然后给你操作 反 ......
方法 Vue use

重学Java设计模式-结构型模式-装饰器模式

重学Java设计模式-结构型模式-装饰器模式 内容摘自:https://bugstack.cn/md/develop/design-pattern/2020-06-09-重学 Java 设计模式《实战装饰器模式》.html#重学-java-设计模式-实战装饰器模式「sso单点登录功能扩展-增加拦截用 ......
模式 结构型 设计模式 结构 Java

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

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

重学Java设计模式-结构型模式-组合模式

重学Java设计模式-结构型模式-组合模式 内容摘自:https://bugstack.cn/md/develop/design-pattern/2020-06-08-重学 Java 设计模式《实战组合模式》.html#重学-java-设计模式-实战组合模式「营销差异化人群发券-决策树引擎搭建场景」 ......
模式 结构型 设计模式 结构 Java

vue3组件之间传值

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

重学Java设计模式-结构型模式-桥接模式

重学Java设计模式-结构型模式-桥接模式 内容摘自:https://bugstack.cn/md/develop/design-pattern/2020-06-04-重学 Java 设计模式《实战桥接模式》.html#重学-java-设计模式-实战桥接模式「多支付渠道-微信、支付宝-与多支付模式- ......
模式 结构型 设计模式 结构 Java

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 接口 教程 官方

SARS-Cov-2参考病毒株Wuhan-Hu-1的基因序列与基因结构

NCBI查找相关 进入查找到的内容 点击FASTA查看序列 点击Gpraphics查看基因结构 ......
基因 序列 SARS-Cov Wuhan-Hu 病毒

【对象头】JVM 中的对象结构

1 前言 Java 本身是面向 OOP 编程的,我们代码中创建的对象经过编译装载进我们的 JVM 中,那么我们的实例对象在 JVM 中具体表现的结构是什么样的呢,就是我们这节要看的东西。 2 工具 在了解之前我们要看到实际的东西,就是我们可能知道有对象头、实例数据、对齐,但是这毕竟是概念,我们怎么看 ......
对象 结构 JVM

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

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

根据结构体成员地址获结构体地址

在同一台机器上,结构体的在内存中分配每个成员变量的偏移地址固定的。 struct fox { unsigned long tail_length; unsigned long weight; _Bool is_fantastic; int length; }; struct fox *a_fox=( ......
结构 地址 成员

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

day11-SpringBoot中注入Servlet&Filter&Listener

SpringBoot中注入Servlet&Filter&Listener 1.基本介绍 文档:SpringBoot中注入Servlet&Filter&Listener 考虑到实际开发业务非常复杂和兼容问题,SpringBoot支持将Servlet、Filter、Listener注入spring容器中 ......
SpringBoot amp Listener Servlet Filter