变量vue3 vue css

springboot+vue

springboot+vue总结 今天来总结一下前几天学的springboot+vue 首先呢vue是用来绘制前段界面的类似于html,springboot是后端数据处理,这两个将前后端分离,只需要留出对应接口就可以以实现基于端口的前后数据互通,当然这个数据互通我是用的是传统的axios请求 首先是 ......
springboot vue

2023-07-04 如何处理vue中不能监听到父传子组件props的变化

前言:父传值给子组件,子组件需要根据传进来的值进行watch监听props中的值并遍历插入一个值,然后同时子组件的页面会跟着渲染。 问题就是:子组件无法拿到watch更新的props值,比如传进一个list,然后通过watch来监听并在list里面加入一个新的值,前端页面拿不到新的值故而报错。 原因 ......
组件 props 2023 vue 07

idea配置vue.js启动vue项目

最近老师给力一个项目比赛,那个是前后端分离的。 我之前了解过一些,我也配置过idea的vue.js,但是好久不用忘了。 所以重新找回了一下: ......
vue 项目 idea js

CSS|CSS基础

# HTML|CSS基础 ## 一. CSS简介 ### 1. 什么是CSS CSS(Cascading Style Sheets) ,通常称为CSS样式表或层叠样式表 ### 2. CSS的作用 CSS的作用就是用来规定每个HTML元素表现的样子, 比如 - 字体的大小 - 颜色 - 摆放位置.. ......
CSS 基础

关于vue的跨平台打包方式

在先前写了一个vue的程序,想着万一以后会用到网页端转移动端的功能,就尝试着使用打包功能。 1.使用cordova进行跨平台的打包(需要准备:java,sdk(最好下一个android studio,要做好发墙的准备),gradle等) 具体操作可以参考https://blog.csdn.net/q ......
方式 vue

03 :vue3 条件渲染

1 <template> 2 <h1>条件渲染</h1> 3 4 <P>1、v-if v-else 示例:</P> 5 <div v-if="flag">你能看见我么,if</div> 6 <div v-else>那你还是看看我吧,else</div> 7 8 <p>2、v-else-if 示例:< ......
条件 vue3 vue 03

最新windows10 下搭建vue开发环境

特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图: 详细的安装步骤如下: 一、安装node.js 说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具。 node.js的官方地址为:h ......
windows 环境 vue 10

vue通用的增删改查按钮组件

1. 代码复用:这个组件可以在多个页面或组件中使用,避免了重复编写相同的按钮代码。 2. 灵活性:通过`showButtons`属性,可以根据需要显示不同的按钮。默认情况下,它会显示添加、修改和删除按钮,但你也可以根据具体情况传递其他值来显示或隐藏按钮。 3. 可定制性:每个按钮都有自己的点击事件处 ......
组件 按钮 vue

前端Vue自定义精美悬浮菜单按钮fab button 可设置按钮背景颜色 菜单按钮展开条目

#### 前端Vue自定义精美悬浮菜单按钮fab button 可设置按钮背景颜色 菜单按钮展开条目,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13321 #### 效果图如下: ![](https://p3-juejin. ......
按钮 菜单 条目 前端 颜色

前端Vue自定义精美上下滚动通告栏组件 常用于展示公告信息 上下滚动跑马灯 上下滚动广播

#### 前端Vue自定义精美上下滚动通告栏组件 常用于展示公告信息 上下滚动跑马灯 上下滚动广播,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13318 #### 效果图如下: ![](https://p3-juejin.b ......
上下 跑马灯 前端 组件 通告

关闭vue项目中Uncaught runtime errors弹窗页面

![markdown](https://img-blog.csdnimg.cn/70f1130771aa477194bc9ba08f943c06.png) 看控制台发现有webpack类名,应该是webpack搞出来的 *** ###解決办法 再vue.config.js中添加以下配置: ```ja ......
Uncaught runtime 页面 项目 errors

前端Vue自定义精美宫格菜单按钮组件 可设置一行展示个数 可设置成九宫格 十二宫格 十五宫格

#### 前端Vue自定义精美宫格菜单按钮组件 可设置一行展示个数 可设置成九宫格 十二宫格 十五宫格 , 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13315 #### 效果图如下: ![](https://p3-juej ......
九宫 前端 组件 一行 个数

【4.0】前端基础之CSS

# 【4.0】前端基础之CSS # 【一】什么是CSS - 层级样式表: - 就是给HTML标签添加样式的,让它变得好看 # 【二】注释语法 ```css /* 这是注释 */ ``` # 【三】CSS的语法结构 ```css 选择器 { 属性1:值1; 属性2:值2; 属性3:值3; 属性4:值4 ......
前端 基础 4.0 CSS

【一】CSS之引入

# 【一】CSS之引入 - 层叠样式表(`Cascading Style Sheets`),与HTML一样,也是一种标记语言 - 其作用就是给HTML页面标签添加各种样式,**定义网页的显示效果**,将网页**内容和显示样式进行分离**,提高了显示功能。 - 简单一句话就是,CSS的代码可以告诉浏览 ......
CSS

【五】CSS之元素种类

# 【五】CSS中的元素种类 ## 1 、行内元素[inline]: - 特点: - 同一个行内元素,可以一行多个,直到当前一行满行就会换行到第二行显示 - 行内元素默认是没有宽度与高度的,是依靠内容来支撑的。 - 行内元素是没有完整的边距的,只存在左右边距,没有上下边距。[边距就是元素与元素或元素 ......
种类 元素 CSS

【七】CSS之弹性布局

# 【七】CSS之弹性布局 ## 【1】什么是弹性布局 - 随着技术的发展,那么在当前市场上,安装浏览器的客户端越来越多,设备也越来越多,所以CSS提供的布局,不仅应用于PC端,还可以应用于移动端设备 - 例如:watch、ipad,mobile等,甚至包括机器人界面、智能屏、智能电视机、3D广告屏 ......
弹性 布局 CSS

【二】CSS基本语法之选择符

# 【二】CSS基本语法之选择符 - 作为一门标记语言,css的语法也是比较简单的,主要由三部分构成:选择符,样式属性和属性值。 - css中的语法虽然简单,但是太多内容了,所以要学会css,就需要多背多写,掌握使用规律,懂得借助浏览器与css手册。 > 注意,在前端领域中,有些人会觉得css负责外 ......
语法 CSS

【三】CSS之样式的优先级

# 【三】CSS之样式的优先级 ## 1 css样式的优先级 - css在使用过程中,因为很多的选择符有具有批量查找的特点,所以很容易出现样式污染的问题。 - 样式污染出现的原因是因为css代码编写过程中,因为引入方式、书写先后顺序以及选择符的优先级等问题导致的。 - 注意:样式污染并非不好,而是要 ......
优先级 样式 CSS

Vue3学习-01_前端工程化与webpack

## 背景 最近在学习Vue知识,参照的教程是[黑马程序员官网](https://www.itheima.com/)提供的免费前端教程,这里记录一下自己的学习笔记以及遇到的相关问题。 ## 前端工程化的概念及优点 前端工程化指的是:在企业级的前端项目开发中,把前端开发所需的工具、技术、流程、经验等进 ......
前端 webpack 工程 Vue3 Vue

Variable 'xxxx' is accessed from within inner class, needs to be final or effectively final-Lambda 表达式的变量与作用域

#### 问题的原因 问题代码: ``` public static void main(String[] args) { Integer sum = 0; Integer count = 0; List list = new ArrayList(Arrays.asList(1,2,3,4,5)); ......

vue项目中的package.json的private选项的作用

{ "name": "项目名称", "description": "描述", "version": "版本", "private": true, "author": "test Team", "license": "MIT", } 如果你在你的 package.json 中设置了“private”: ......
作用 package private 项目 json

CSharp的@microsoft/signalr实时通信教程 - 前端 vue

1. 安装@microsoft/signalr pnpm install @microsoft/signalr --save 2. 封装组件 js import * as signalR from '@microsoft/signalr' export function SignalR () { c ......
前端 实时 microsoft signalr 教程

编程开发 --- vue是什么

只面向视图层的html模板引擎 只面向视图层指的是可以在浏览器独立运行且只关注视图。 模板引擎指的是使得html具备完备编程语言的特性。比如if语句 Vue是一种用于构建用户界面的渐进式JavaScript框架。它是一个开源项目,由尤雨溪(Evan You)开发,并得到了广泛的社区支持和贡献。 Vu ......
vue

47.静态变量什么时候初始化?

## 47.静态变量什么时候初始化? 1. 初始化只有一次,但是可以多次赋值,在主程序之前,编译器已经为其分配好了内存。 2. 静态局部变量和全局变量一样,数据都存放在全局区域,所以在主程序之前,编译器已经为其分配好了内存,但在C和C++中静态局部变量的初始化节点又有点不太一样。在C中,初始化发生在 ......
变量 静态 时候 47

Vue-案例-查询所有

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a href="addBrand.html"><input type="button" value= ......
案例 Vue

Vue01

# 1.简单了解前端的发展过程 - 最初的网页以HTML为主,是纯静态的网页。网页是只读的,信息流只能从服务端到客户端单向流通。开发人员也只关心页面的样式和内容即可。 - 1995年,网景工程师Brendan Eich 花了10天时间设计了JavaScript语言. - 2005年开始,ajax逐渐 ......
Vue 01

css第五天

优先级的介绍特性:不同选择器具有不同的优先级,优先级高的选择器样式会覆盖优先级低选择器样式优先级公式:继承<配符选择<签选择器< 类选择器<d选择<内样式important注意点:!important写在属性值的后面,分号的前面!!important不能提升继承的优先级,只要是继承优先级最低!实际开 ......
css

Vue-生命周期

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div v-for="addr in addrs"> {{addr}} ......
周期 生命 Vue

Vue-指令-v-for

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div v-for="addr in addrs"> {{addr}} ......
指令 v-for Vue for

Vue-CoreVideoPlayer 视频播放器组件

# 安装 ```python cnpm install -S vue-core-video-player ``` # 快速使用 ```python # 在main.js中 import VueCoreVideoPlayer from 'vue-core-video-player' Vue.use(V ......