项目vue3 vue

Vue——属性指令、style和class、条件渲染、列表渲染、事件处理、数据双向绑定、过滤案例

## vm对象 ```html {{name}} 点我 ``` ## 函数传参 ```html 函数,可以多传参数,也可以少传参数,都不会报错 点我 事件对象,调用函数,不传参数,会把当前事件对象,传入,可以不接收,也可以接收 点我2 点我3 ``` ## 属性指令 ```html // 标签上 n ......
双向 指令 属性 条件 案例

vue+elementui 合并行

1,数据格式是二维的 如:o:{id:123, prams:{name:aaa,age:11} } 的对象 第一步:先获取返回的数据为indexInfoList,遍历转化为一维数组 that.indexInfoList.forEach(ele => { if (ele.prams.length >= ......
elementui vue

vue基础用法-在插值和属性绑定中编写js代码

# 使用Javascript表达式 在vue提供的模板渲染语法中,除了支持`绑定简单的数据值`之外,还`支持Javascript表达式的运算`,例如: ```html 1+2的结果是:{{1+2}} {{tips}}反转的结果是:{{tips.split('').reverse().join('') ......
属性 代码 基础 vue

我的第一个项目(十五) :完成数据保存功能(后端,改update)

好家伙, 代码已开源(Gitee) PH-planewar: 个人开发的全栈小游戏 前端:vue2 + element-ui 后端: Springboot + mybatis-plus 数据库: mysql 目前实现功能: 1.注册登陆 2.游戏数据保存 3.游戏运行 (gitee.com) 后端这 ......
功能 项目 数据 update

软件工程课程申请加分项目

谢谢王老师送来的加分 ......
软件工程 课程 项目 工程 软件

项目_使用docker部署前端教程

dist文件夹直接替换 systemctl restart docker sudo docker ps -a sudo docker restart <ContainerId> 问题1:docker端口映射或启动容器时报错 Error response from daemon: driver fai ......
前端 项目 教程 docker

数据仓库项目介绍与分析

### 项目效果展示 ![image](https://img2023.cnblogs.com/blog/1681090/202305/1681090-20230502091704068-510499366.png) 本身我们这个数据仓库项目其实是一个纯后台项目,不过为了让大家能够更加直观的感受项目 ......
仓库 项目 数据

celery笔记二之建立celery项目、配置及几种加载方式

> 本文首发于公众号:Hunter后端 > 原文链接:[celery笔记二之建立celery项目、配置及几种加载方式](https://mp.weixin.qq.com/s/KZjuypZ-e9EHi7XkKXt0Xg) 接下来我们创建一个 celery 项目,文件夹及目录如下: ```python ......
celery 方式 笔记 项目

vue学习笔记一

# VUE自学 [TOC] ## 一、vue核心的相关学习 本人想先看vue3的但是奈何没文化看不懂,环境也不会装,直接就寄了,只能从头看。 ### 一,搭建vue开发环境 #### 1.下载vue.js http://v2.cn.vuejs.org/v2/guide/installation.ht ......
笔记 vue

vue、js onSelect事件 获取选中的值

https://huaweicloud.csdn.net/639ff5afdacf622b8df90ecc.html?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2~default~Blo ......
onSelect 事件 vue

总结vue3 的一些知识点:Vue.js 安装

Vue.js 安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。 Staticfile CDN(国 ......
知识点 知识 vue3 vue Vue

总结vue3 的一些知识点:Vue.js 安装

Vue.js 安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。 Staticfile CDN(国 ......
知识点 知识 vue3 vue Vue

idea远程调试上线项目

# #####本机环境: - idea 2023 - win 11 - jdk8 #####服务器环境 - jdk8 - centos7 - 项目A.jar #####第一步: >在A.jar的项目启动参数中加入: ~~~ -agentlib:jdwp=transport=dt_socket,ser ......
项目 idea

关于微服务项目

微服务项目的代码实现通常需要进行以下几个方面的工作: 1.服务接口设计:制定服务接口规范,定义服务请求和响应数据结构,并使用接口定义语言(IDL)来描述服务接口。常用的IDL包括Protocol Buffers、Thrift等。 2.服务实现:根据服务接口规范实现服务功能逻辑,采用对应的编程语言和框 ......
服务项目 项目

Vue——前端发展史、Vue介绍和使用、插值语法、文本指令、事件指令

## 前端的发展史 ```python # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 javascript ......
指令 发展史 前端 语法 Vue

总结vue3 的一些知识点:​Vue.js 条件语句​

Vue.js 条件语句 条件判断 v-if 条件判断使用 v-if 指令: v-if 指令 在元素 和 template 中使用 v-if 指令: <div id="app"> <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <h1>菜鸟教程</h1> ......
知识点 语句 条件 知识 vue3

总结vue3 的一些知识点:​Vue.js 条件语句​

Vue.js 条件语句 条件判断 v-if 条件判断使用 v-if 指令: v-if 指令 在元素 和 template 中使用 v-if 指令: <div id="app"> <p v-if="seen">现在你看到我了</p> <template v-if="ok"> <h1>菜鸟教程</h1> ......
知识点 语句 条件 知识 vue3

springboot - 项目启动初始化数据

1、redis配置 依赖 <!-- redis --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-redis</artifactId> </depende ......
springboot 项目 数据

项目访问的端口是8018,但是真实接口地址是19080,导致访问这个地址http://9.6.237.104:8018/esb/microService/queryCurrentThirdDataInfo 是跨域的,应该怎么解决呀

这个问题是由于您的前端页面与后端应用程序的接口地址不在同一个域名下所引起的跨域请求。在浏览器中,出于安全考虑,通常不允许 JavaScript 从一个域名下访问另一个不同域名下的资源,这种行为被称为跨域请求(Cross-Origin Resource Sharing, CORS)。 有一些方法可以解 ......

vue中(input组件)textarea文本提交到后端数据库,前端输出保存换行回车及修改显示

1.修改css中white-space属性为“pre-warp” 在css中white-space属性用来控制容器的文本中带有空白符、制表符、换行符等的显示,取值有: normal:默认,忽略文本中所有的空白、换行符;只有文本存在 <br> 或文本达到框的约束时,文本才会换行 nowrap:和nor ......
前端 组件 textarea 文本 数据库

springboot项目rabbitmq消费者消费json格式的String,出现无限循环抛出No method found for class [B

转: springboot项目rabbitmq消费者消费json格式的String,出现无限循环抛出No method found for class [B ......
springboot rabbitmq 消费者 格式 项目

vue项目中实现监听键盘按键事件

created() { this.keyDown(); }, beforeDestroy() { this.keyDownReview(); }, methods: { //按键恢复 keyDownReview() { document.onkeydown = function (event) { ......
按键 键盘 事件 项目 vue

vue-element-admin安装依赖报错问题

vue-element-admin 安装依赖的时候报以下错误 npm ERR! code ENOENTnpm ERR! syscall spawn gitnpm ERR! path gitnpm ERR! errno -4058npm ERR! enoent An unknown git error ......
vue-element-admin element 问题 admin vue

在项目中,遇到VUE父子组件的传参问题,父组件传参给子组件,子组件在CREATED和MOUNTED等生命周期中获取不到,也无法使用父组件传递过来的参数。

在项目中,遇到VUE父子组件的传参问题,父组件传参给子组件,子组件在CREATED和MOUNTED等生命周期中获取不到,也无法使用父组件传递过来的参数。 父组件传参,一般分为两种情况: 1、父组中的原始数据 (即定义在父组件data中的原始数据),传输给子组件使用,子组件在生命周期中是可以获取并使用 ......
组件 父子 周期 参数 CREATED

vue 使用pag格式的文件,作为背景图

PAG是一套完整的动画工作流文件夹。 可以通过安装依赖 npm install libpag 或者cdn <script src="https://cdn.jsdelivr.net/npm/libpag@latest/lib/libpag.min.js"></script> 来引入 utils文件封 ......
背景 格式 文件 vue pag

Vue修改数组、对象并且触发视图更新的方法以及原理

一、数组 items: ['a', 'b', 'c'];//一个普通的数组 this.items[1] = 'x' ;//修改已有项 this.items[3] = 'd' ;//新增一项 this.item.length = 2;//修改数组的长度 //一个对象数组 msg: [{id: 1,se ......
数组 视图 原理 对象 方法

vue中引入本地JSON文件

1、在项目中存放本地JSON文件 2、在需要的组件引入本地文件 import dataBaseMap from '../json/dataBaseMap.json'; 3、在data中接受数据 data() { return { // 浅拷贝 dataBaseMap: { ...dataBaseMa ......
文件 JSON vue

运行新的vue项目的时候报错

### 一、运行vue项目报如下错误: ``` npm ERR! code ELIFECYCLE npm ERR! errno 126 npm ERR! vue-admin-template@4.4.0 dev: `vue-cli-service ``` ### 二、报错原因: ``` 可能是由于n ......
时候 项目 vue

合并多个项目

将多个Git项目合并,保持历史记录 ``` shell #!/bin/bash shopt -s extglob declare -a arr=("git@git.aaa.com:bbb/aaaaaFunction.git Function" "git@git.aaa.com:bbb/aaaaaLo ......
多个 项目

Vue3 中 ref 的优势

1. 允许使用任何值类型 2. 一个包含对象类型值的 ref 可以响应式地替换整个对象: const objectRef = ref({ count: 0 }) // 这是响应式的替换 objectRef.value = { count: 1 } 3. ref 被传递给函数或是从一般对象上被解构时, ......
优势 Vue3 Vue ref