day4 vue day

一文详解vue-cli2.0与vue-cli3.0之间的区别

我们之所以介绍vue-cli2和vue-cli3的使用和区别,是因为VUE脚手架工具从vue-cli3版本开始,在项目结构等诸多方面开始与vue-cli2版本相比, 有较大的优化与调整。因此,在学习和工作中,我们需要了解一下版本更替之后,在哪些方面有变动。 1. 项目目录结构 可以明显的看出来,vu ......
vue-cli vue cli 之间 2.0

Vue 中npm run dev 和 npm run serve 的区别

在项目目录下,找到package.json文件,运行npm run serve命令启动项目的项目中,scripts中有一个serve字段,npm run dev命令中有一个dev字段,如下: "scripts": { "dev": "webpack-dev-server --inline --pro ......
npm run serve Vue dev

day9记录_idea上传文件接口调用

day9_idea上传文件接口调用,如下图,调用成功 注:pom文件需要增加以下代码: <dependencies> <dependency> <groupId>org.testng</groupId> <artifactId>testng</artifactId> <version>6.14.1< ......
接口 文件 day9 idea day

Flask+Vue 使用

Vue 项目经过npm run build 打包后生成文件在dist目录如下: app.py: from flask import Flask, render_template# 设置静态文件夹目录 static_folder='./dist' # 设置vue编译输出目录dist文件夹,为Flask ......
Flask Vue

Vue3+vite项目中如何动态导入并创建多个全局组件

背景 实际开发项目中,有些时候我们需要通过全局注册多个自定义组件,但是每个组件都导入一次,将会导致代码很冗余。 实现方案 customComponents/index.js const files = import.meta.globEager("@/customComponents/*.vue") ......
全局 组件 多个 项目 动态

Vue2响应式原理

响应式基本原理就是,在初始化vue实例的时候,对data的每一个属性都通过 Object.defineProperty 定义一次,在数据被set的时候,做一些操作,改变相应的视图 ......
原理 Vue2 Vue

代码随想录 day 24 77. 组合

77. 组合 给定两个整数 n 和 k,返回范围 [1, n] 中所有可能的 k 个数的组合。 你可以按 任何顺序 返回答案。 class Solution { public List<List<Integer>> combine(int n, int k) { List<List<Integer> ......
随想录 随想 代码 day 24

vite V3.0.0 vite.config.ts 引入插件vite-plugin-vue-setup-extend-plus报错(vueSetupExtend不是一个函数)

vite V3.0.0 vite.config.ts 引入插件报错(***** 不是函数) ·问题 #9414 ·Vitejs/Vite (github.com) 我的错误提示如下 ERROR failed to load config from D:\Work\TestCode\LuoCoreAd ......

直播平台源代码,vue自定义单选框radio

直播平台源代码,vue自定义单选框radio <template> <div @click="menuDialog = false"> <div> <!-- 按钮 --> <div @click.stop="openMenu()"> <div>{{ currentUnit ? currentUnit ......
源代码 radio 平台 vue

Python学习day2

## day3 ## 今日内容 1.整型 2.布尔类型 3.字符串 ### 内容回顾和补充 ### 内容回顾 每周写一个思维导图,罗列本周学习的知识点 1.运算符补充 - in - not in ### 2.优先级 ### 作业 ```python """ 需求:用户三次登录 1.功能拆分 2.拼凑 ......
Python day2 day

day24 打卡第77题. 组合

day24 打卡第77题. 组合 第77题. 组合 77题目链接 class Solution { List<List<Integer>> result = new ArrayList<>(); List<Integer> path = new LinkedList<>(); public List ......
day 24

vue全家桶进阶之路2:JavaScript

JavaScript(简称“JS”)是当前最流行、应用最广泛的客户端脚本语言,用来在网页中添加一些动态效果与交互功能,在 Web 开发领域有着举足轻重的地位。JavaScript 与 HTML 和 CSS 共同构成了我们所看到的网页,其中: HTML 用来定义网页的内容,例如标题、正文、图像等; C ......
JavaScript 全家 vue

vue全家桶进阶之路3:Node.js

Node.js发布于2009年5月,由Ryan Dahl开发,是一个基于Chrome V8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O模型, 让JavaScript 运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平 ......
全家 Node vue js

Day 19 19.1 Python的面向对象

Python之面向对象 11.1、OOP编程思想 面向对象编程是在面向过程编程的基础上发展来的,它比面向过程编程具有更强的灵活性和扩展性。面向对象编程是程序员发展的分水岭,很多初学者会因无法理解面向对象而放弃学习编程。 面向对象编程(Object-oriented Programming,简称 OO ......
对象 Python 19 19.1 Day

dockerfile部署vue+springboot+redis

后端部署: 一、拉取并启动redis镜像 1、在服务器/usr/local/etc/redis/文件目录下建立redis.conf配置文件,配置信息如下: bind 0.0.0.0 protected-mode no 2、拉取并启动最新的redis镜像,映射宿主机端口并挂载目录 docker run ......
dockerfile springboot redis vue

Vue组件以及其事件生命周期

1.Vue组件 必须先注册以便Vue能识别全局和局部注册 组件之间数据传递props $emit传值 组件切换v-if v-else 事件的生命周期类别servlet生命周期分为三个阶段 1.初始化阶段,调用init()2.响应客户请求阶段,调用service()3.终止阶段,调用destroy() ......
组件 周期 事件 生命 Vue

代码随想录算法训练营Day51 动态规划

#代码随想录算法训练营 代码随想录算法训练营Day51 动态规划| 309.最佳买卖股票时机含冷冻期 714.买卖股票的最佳时机含手续费 总结 309.最佳买卖股票时机含冷冻期 题目链接:309.最佳买卖股票时机含冷冻期 给定一个整数数组,其中第 i 个元素代表了第 i 天的股票价格 。 设计一个算 ......
随想录 训练营 随想 算法 代码

Vue.js 路由简介

路由 理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。 前端路由:key是路径,value是组件。 ......
路由 简介 Vue js

vue全家桶进阶之路1:前言

Vue是一款国产前端框架,它的作者尤雨溪(Evan You)是一位美籍华人,2014年2月,尤雨溪开源了一个前端开发库 Vue.js,2015年发布1.0.0版本,2016年4月发布2.0版本,目前,尤雨溪全职投入 Vue.js 的开发与维护,立志将 Vue.js 打造成与 Angular/Reac ......
前言 全家 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

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

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

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

day23

day23Java高级技术 反射 反射就是加载类,并允许以编程的方式获取类中的各种成分(成员变量/方法/构造器等) 作用 可以得到一个类的全部成分然后操作。 可以破坏封装性。 最重要的用途是:适合做Java的框架,基本上,主流的框架都会基于反射设计出一些通用的功能。 获取class对象 类名.cla ......
day 23

day20

day20 快捷键:Ctrl+q;Ctrl+q;可以显示函数参数 1.特殊文件 两种特殊的文本文件,一种是properties文件,还有一种是xml文件 后缀为.properties的文件,称之为属性文件,它可以很方便的存储一些类似于键值对的数据。经常当做软件的配置文件使用。 而xml文件能够表示更 ......
day 20

day22

day22 网络编程 基本的通信架构 基本的通信架构有2种形式:CS架构( Client客户端/Server服务端 ) 、 BS架构(Browser浏览器/Server服务端)。 网络通信的关键三要素 IP:设备在网络中的地址,是唯一的标识。 端口:应用程序在设备中唯一的标识 协议:连接和数据在网络 ......
day 22

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