接口axios vue all

【十】Vue之高级

# 【一】ref属性 ## 【1】详解 > - 被用来给元素或子组件注册引用信息(id的替代者) > - 应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc) - 在Vue中,$refs是一个特殊的属性,用于给元素或子组件注册引用信息。 - 它允许我们在模板或组件中通过 ......
Vue

【九】Vue之element UI

# 【一】热门组件库 - 在Vue生态系统中,有许多热门的组件库可供使用。 - 这些组件库提供了丰富的UI组件和工具,可以极大地提升开发效率。 - 以下是一些热门的Vue组件库: - Element UI: - Element UI是饿了么UED团队开发的一套PC端的UI框架。 - 它提供了许多常用 ......
element Vue UI

【一】Vue之介绍

# 【一】前端的发展史 ## 【1】HTML、CSS、JavaScript: - 最初,前端主要是通过编写HTML(超文本标记语言)来构建静态网页。随后引入CSS(层叠样式表),使得网页能够实现更丰富的样式和布局。 - 而JavaScript成为了前端开发中的核心语言,通过JavaScript可以实 ......
Vue

【二】Vue之基础

# 【一】条件渲染 | 指令 | 释义 | | : : | : : | | v-if | 相当于: if | | v-else | 相当于:else | | v-else-if | 相当于:else if | - 在Vue中,条件渲染是一种根据特定条件决定是否显示或隐藏元素的方式。 - Vue提供了 ......
基础 Vue

【三】Vue之后端交互

# 【一】与后端交互 - ajax ## 【1】版本1 - 出现了跨域问题 ### (1)前端:index.html ```html Vue与后端交互 - 出现了跨域问题 加载数据 ``` ### (2)后端:main.py ```python from flask import Flask # 这 ......
Vue

【五】Vue之生命周期钩子函数

# 【一】生命周期图 ## 【1】官网原图 ![](https://img2023.cnblogs.com/blog/2322215/202308/2322215-20230806221754731-1000559839.png) ## 【2】我理解的图 ![](https://img2023.cn ......
钩子 函数 周期 生命 Vue

【四】Vue之前后端交互及跨域问题

# 【一】跨域问题详解 ## 【1】详解 - 跨域问题指的是在Web开发中,当一个网页上的脚本试图访问不同源(协议、域名或端口不同)的资源时所产生的安全限制。 - 这是由于浏览器的同源策略所导致的。 - 同源策略是一种安全机制,其目的是保护用户数据的安全。 - 根据同源策略,一个网页只能与同一来源的 ......
问题 Vue

vue表格分页以及增删改查的实际应用

效果: 1:表格以及分页 2:增加一条数据 3:删除一条数据 4:修改一条数据 5:查询一条数据 <template> <div class="tab-container"> <div class="filter-container" style="margin-bottom: 20px"> <el ......
表格 实际 vue

vue--day55--vue 的$nextTick以及MyItem编辑框

1. 语法 this.$nextTick(回调函数) 2. 作用 在下一次DOM 更新结束后执行其指定的回调 3. 什么时间用 当改变数据后,要基于更新后新的DOM进行某些操作时,要在nextTick 所指定的回调函数中执行。 1. App.vue <template> <div id="root" ......
vue nextTick MyItem day 55

新能源汽车车牌种类 All In One

新能源汽车车牌种类 All In One 上海电动汽车 车牌种类 根据国务院《节能与新能源汽车产业发展规划(2012-2020年)》,新能源汽车主要包括纯电动汽车、插电式混合动力汽车和燃料电池汽车这三种。 ......
新能源 车牌 种类 汽车 All

第十七节 面向对象进阶(抽象类&接口&内部类)

- 抽象类 - 接口 - 内部类 ## 教学目标 - [ ] 能够写出抽象类的格式 - [ ] 能够写出抽象方法的格式 - [ ] 能说出抽象类的应用场景 - [ ] 写出定义接口的格式 - [ ] 写出实现接口的格式 - [ ] 说出接口中成员的特点 - [ ] 能说出接口的应用场景 - [ ] ......
amp 接口 对象

软件测试|没有任何文档,怎么快速了解接口的信息?

没有接口文档的情况下理解接口信息,通过询问开发,或查看代码来了解接口。当然最重要的是利用接口本身提供的一切可见的细节,比如:URL、请求方法、参数、响应结果等,尽量去推断和判断接口的功能与作用。多种手段结合,观察分析,通常可以比较快速地理解接口的信息。需要注意的是:在了解接口的信息时,需要谨慎地评估 ......
软件测试 接口 文档 软件 信息

vue3快速上手

Vue3快速上手 ​​​​​​​​​​​​ [TOC] ![img](https://img2023.cnblogs.com/blog/2446184/202308/2446184-20230806165801837-497016629.png) 编辑 ## 1.Vue3简介 - 2020年9月18 ......
vue3 vue

[Vue warn]: Property or method "todoName" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option,

## 错误原因 > 先上报错截图 ![](https://img2023.cnblogs.com/blog/2942345/202308/2942345-20230806143312604-1751762480.png) 报错翻译 : ![](https://img2023.cnblogs.com/ ......
quot referenced the Property instance

vue 开源项目 安装脚手架报错问题 ERESOLVE unable to resolve dependency tree

在安装项目依赖时,很大可能会遇到安装不成功的问题,其中有一个很大的原因,可能就是因为你的npm版本导致的 使用--force或--legacy-peer-deps可解决这种情况。 --force 会无视冲突,并强制获取远端npm库资源,当有资源冲突时覆盖掉原先的版本。 --legacy-peer-d ......
脚手架 dependency ERESOLVE resolve 项目

vue-table-width-grid 以及axios下载时报错

import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' // 导入字体图标 import './assets/fonts/iconfont. ......

vue3工程创建

一.两种创建方式(vue-cli与vite) 1.vue-cli创建(构建工具是webpack) 打开cmd 运行命令 vue -V 检查vue-cli版本要在4.5以上。 cd desktop 进入桌面 创建一个文件夹 vue create vue3lx 此时创建成功。y 2.运用vite创建(新 ......
工程 vue3 vue

如何使用 Python 运算符进行性能优化 All In One

# 如何使用 Python 运算符进行性能优化 All In One > 为什么 Python 运算符 // 比 运算符 / 性能更好,运行速度更快呀❓ ## demos ```py class Solution: def numberOfSteps(self, num: int) -> int: ......
运算符 性能 Python All One

Spring Boot + Vue3前后端分离实战wiki知识库系统<十一>--文档管理功能开发三

文档内容的显示: 在上一次https://www.cnblogs.com/webor2006/p/17510360.html文档管理模块还差文档的显示木有完成,所以接下来先将这块模块给收尾了。 增加单独获取内容的接口: 概述: 在前端页面文档查询时,只查询了文档的基本信息,其中文档的富文本内容是木有 ......
知识库 实战 功能 文档 知识

SWD接口和通信实现

### 空闲态电平 1. SWD接口由SWCLK和SWDIO两根信号线组成,`SWCLK`调试器给目标芯片的时钟信号,在芯片端需要下拉;`SWDIO`双向数据信号,在芯片端需要上拉,上/下拉电阻的取值在`100K`附近即可。 ![image](https://img2023.cnblogs.com/ ......
接口 SWD

vue过度动画

要过度的元素需要有v-if或者v-show,用transition包裹 <transition name="sort"> <div class="sort" v-show="show"> <div class="all-sort-list2" @click="goSearch"> <div clas ......
动画 vue

Vue 报错error:0308010C:digital envelope routines::unsupported

package.json增加配置 "scripts": { "serve": "set NODE_OPTIONS openssl-legacy-provider && vue-cli-service serve", "build": "vue-cli-service build" }, 原文链接:h ......

第一步:创建vue项目

打开cmd vue create projectname 用默认的就行,创建好了 ......
项目 vue

golang 接口的概念

先上代码 定义一个接口 Retriever 两个接口的实现 infra.go ```go package main import ( "fmt" "robot.com/Robot/learngo/testing" //"robot.com/Robot/learngo/infra" ) // ?: S ......
接口 概念 golang

Vite build errors All In One

# Vite build errors All In One 1. 默认入口文件 `index.html` > Could not resolve entry module "index.html". error during build: RollupError: Could not resolv ......
errors build Vite All One

Vue3 自定义组件使用v-model

Vue 的数据流传递是单向的,也就说数据只能由父组件通过`props`传递给子组件,子组件无法修改父组件传过来的状态,这样做为了避免因为子组件修改父组件的状态而导致数据流混乱以至难以理解。所以千万不要在子组件中直接修改 props。 子组件如果想要将数据传递给父组件,就需要使用 Vue 提供的事件机 ......
组件 v-model model Vue3 Vue

vue2 下载包版本冲突

安装vuex: npm install vuex --save 报错:npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree........................... 2022年2月7日,vue ......
版本 vue2 vue

Vue脚手架

### 1-Vue脚手架: 官网:[https://cli.vuejs.org/zh/]() ``` 1-配置淘宝镜像 : npm config set registry https://registry.npm.taobao.org/ 2-安装‘脚手架’ : sudo npm install -g ......
脚手架 Vue

随笔(二十六)『SpringBoot + Vue 简单部署到Linux』

### 1、安装docker #### 1.1、卸载系统之前的 docker ``` sudo yum remove docker \ docker-client \ docker-client-latest \ docker-common \ docker-latest \ docker-late ......
SpringBoot 随笔 Linux Vue

Vue封装一个瀑布流图片容器组件

## 说在前面 > 🎈最近在捣鼓自己的个人博客网站,有一个模块需要用到瀑布流图片🖼展示,于是我就将其封装成了一个组件,以后可以导入就能使用,具体效果如下👇: ![1649245798(1).png](https://img2023.cnblogs.com/blog/3253021/202308 ......
瀑布 容器 组件 图片 Vue