变量vue3 vue css

vue项目打包之后, 生成一个可修改IP地址的文件

在做项目的时候遇到了一个问题, 就是把项目部署到不同的服务器上, 但不能每次修改IP的时候就打包一次, 这就增加了前端的工作量,经过百度, 发现有一些方法是可以的,亲测可用。 具体操作是, 1,在static文件夹下面建立一个config.js文件, 1 2 3 4 5 6 7 (function  ......
地址 文件 项目 vue

vue3探索——组件通信之v-model父子组件数据同步

# 背景 再很多场景中,我们可能想在子组件中修改父组件的数据,但事实上,vue不推荐我们这么做,因为数据的修改不容易溯源。 ## Vue2写法 在vue2中,我们使用`.sync`修饰符+自定义事件`'update:xxx'`,来使父子组件数据同步。 ```html // 父组件 我是父组件,我有{ ......
组件 父子 v-model 数据 model

JavaScript的变量提升

> 参考资料:[https://time.geekbang.org/column/article/126339](https://time.geekbang.org/column/article/126339) [TOC] 变量提升是在代码执行时,把变量和函数的声明部分提升到代码开头的行为,变量被提 ......
变量 JavaScript

vue中添加音频和视频

视频播放功能 1. 安装vue-video-player npm install vue-video-player --save 或 yarn add vue-video-player --save 2. 在main.js中全局引用 import VueVideoPlayer from 'vue-v ......
音频 视频 vue

vue--day73--getters的使用

1. 概念:当state中的数据需要经过加工后再使用时,可以使用getters加工。 2. 在```store.js```中追加```getters```配置 ```js ...... const getters = { bigSum(state){ return state.sum * 10 } ......
getters vue day 73

前后端分离项目之Vue2框架搭建

1、安装Node.js , 为了可以使用npm命令去安装其他东西 2、vue-cli安装: npm install -g @vue/cli 安装完之后可以执行vue -- version 或者 vue -V 命令去查看版本 注意:npm可以设置淘宝镜像对npm进行加速 : npm config se ......
框架 项目 Vue2 Vue

在vue中使用svg

# 背景 svg作为矢量图,放大不失真,但是如果在vue文件中直接引入svg的话会导致vue文件过长,不友好。想要在组件中使用的时候使用下面的方式来引入svg ```vue // svg-name的值就是svg图片的名称 ``` # 步骤 1. 在`components`下创建`SvgIcon.vu ......
vue svg

elementplus-Cascader 组件vue3 实现省市区级联动态加载

背景: 省市区级联是三张sql表,需要实现动态加载 因为我只需要三级 leaf 标记为>=2就好了 <el-cascader :props="props" /> const props: CascaderProps = { lazy: true, async lazyLoad(node, resol ......

vue 错误

npm ERR! Conflicting peer dependency: vue@3.3.4npm ERR! node_modules/vuenpm ERR! peer vue@"^3.2.0" from @element-plus/icons-vue@2.1.0npm ERR! node_mod ......
错误 vue

HTML引入CSS的方式

虽然很简单,但久了不用还是容易忘,暂且记一下: 1、html引入css文件之直接在div中使用css样式制作div+css网页 <div style="border:1px red solid;">html引入css文件</div> 说明:html引入css文件的这种方法不建议使用,因为会让页面的标 ......
方式 HTML CSS

vue npm install报错

PS I:\Vue3+ts+e-plus后台管理\vue3-ts-element-plus-master\vue3-ts-element-plus-master> npm installnpm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolve ......
install vue npm

两种不同的方法来检查Python中的变量是否是字符串

在Python中,每个变量都有一个数据类型。数据类型表示一个变量内部存储的是哪种数据。 数据类型是编程语言最重要的特征,它区分了我们可以存储的不同类型的数据,如字符串、int和float。 在处理许多编程问题时,可能会遇到这样的情况:我们需要找到某个变量的数据类型来对其执行一些任务。 Python为 ......
字符串 变量 字符 方法 Python

VSCODE工具 VUE代码格式化插件及配置

1.安装插件 1.1 Prettier 它通过解析代码并使用自己的规则重新打印它,并考虑最大行长来强制执行一致的样式,并在必要时包装代码。如今,它已成为解决所有代码格式问题的优选方案;支持 JavaScript、Flow、 TypeScript、 CSS、 SCSS、 Less、 JSX、 Vue、 ......
插件 代码 格式 工具 VSCODE

nginx部署vue项目报404问题

解决刷新路由404问题 这是因为我的vue项目是采用了history路由模式,又因为vue是单页面应用,一旦切换路由之后,之前的页面就会不存在,然后你再刷新回到之前的页面就会出现404了。(个人理解) 解决的方法: 将路由模式修改为hash模式(不建议,hash模式#太丑) 修改nginx配置 lo ......
项目 问题 nginx 404 vue

vue项目axios请求 解决跨域问题

前端 添加vue.config.js文件 【【4k小白到全栈】进阶课好看登录页面Vue3+Ts+Pinia+Axios+Vue Rouyer+SpringBoot2.7+Mybatis Plus前后端分离】https://www.bilibili.com/video/BV1x14y1Z74z?p=2 ......
项目 问题 axios vue

暂告一段落的vue学习以及uniapp的开始

最近学习了VUE并且参照其他开源项目做了一个大致的框架,只余部分还需要改成自己的东西, 但是这个要到一段落了,开始了小程序项目之旅, 首先还是到uniapp官网查看官方资料 当然了,还是要从vue3的部分开始学起 跟着官方视频做了一个试例,感觉还不错,很简单 然后项目正式开始了~~ 终于开始了客户项 ......
告一段落 uniapp vue

vue+element根据表单中选项切换,更改表单验证规则

表单:<el-form-item label="周期间隔(天)" prop="periodSpace" v-if="isServicePeriod"> <el-input v-model="form.periodSpace" type="number" placeholder="请输入周期间隔(天) ......
表单 规则 element vue

vue 使用Adsense错误:TagError: adsbygoogle.push() error: All ins elements in the DOM with class=adsbygoogle already have ads in them.

<div class="adsenseunit"> <!-- in-article-aquare2 --> <ins class="adsbygoogle" style="display: block" data-ad-client="ca-pub-3935005489954231" data-ad ......
adsbygoogle TagError elements 错误 Adsense

变量,常量,作用域

# 变量 ![](https://img2023.cnblogs.com/blog/3262565/202308/3262565-20230826000124511-1757737145.png) ![](https://img2023.cnblogs.com/blog/3262565/202308 ......
常量 变量 作用

CSS技术详解

1 CSS特性介绍 随着数据中心数据访问量的逐渐增大以及网络可靠性要求越来越高,单台交换机已经无法满足数据中心大数据量访问的要求。为了满足数据中心大数据量转发的需求和网络高可靠性需求,提出了交换机堆叠。 CSS是Cluster Switch System的简称,又被称为集***换机系统(简称为CSS ......
技术 CSS

vue后台使用富文本插件的问题(vue-quill-editor)

1、之前用的wangeditor富文本插件,使用是灰常方便了,但问题多多,插入视频出现问题,有些图片回显也有问题,不显示什么的 然后在网上又找了个vue-quill-editor,图片回显什么的是没问题了,就是有点难用,下面来配置一下,记录如何使用vue-quill-editor的插入超链接、图片、 ......
vue-quill-editor vue 插件 后台 文本

变量和数据类型java练习

1. ① package com.company; public class HomeWork8_19 { public static void main(String[] args) { String name = "小明"; int age = 25; int seniority = 3; in ......
变量 类型 数据 java

列举出css所有的样式选择器

以下是 CSS 中常见的各种样式选择器: 1. 元素选择器:通过 HTML 元素名称选择元素,如 `p`、`div` 等。2. 类选择器(Class Selector):通过 `class` 属性选择一个或多个具有相同类名的元素,如 `.example`。3. ID 选择器(ID Selector) ......
样式 css

vue和springboot前后联调

devServer: { port: 7000, proxy: { '/': { target: 'http://localhost:8080/', changeOrigin: true } } } 上面是vue配置,这个配置就可以跨域,你访问http://localhost:7000/转为访问ht ......
springboot vue

vue3中组件,api的自动导入

vue3中ref,reactive等api和自定义组件等每个页面都要引入很麻烦,偷懒是人的天性,故引入自动导入插件,以此记录: 1.vue3的api自动导入 使用前: <script setup lang="ts"> import { ref, onMounted } from 'vue' cons ......
组件 vue3 vue api

记录--一个炫酷的css动画

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 最近有一个需求,要我实现一个动画效果,效果如下 简单分析了一下效果,是一个3d的效果,首先是一个圆,接着是两段圆环,第三层是一堆小圆环,最里面是一些线上运动,有着渐变色的矩形。 第一层的圆环很简单。 第二层的圆环其实也挺简单的,只要在设置 ......
动画 css

Vue2.0中使用bpmn-js

使用bpmn-js在网页中绘制流程图 1. 新建vue项目, 输入命令 安装bpmn-js npm install bpmn-js --save 2. 在src/main.js中引入css样式 //css样式 import 'bpmn-js/dist/assets/diagram-js.css' i ......
bpmn-js Vue2 bpmn Vue js

vue-ref

在Vue中一般很少会用到直接操作DOM,但不可避免有时候需要用到,这时我们可以通过ref和$refs这两个来实现,本文我们就来详细的介绍下这个内容 ref ref 被用来给元素或子组件注册引用信息, 引用信息将会注册在父组件的 $refs 对象上, 如果是在普通的DOM元素上使用,引用指向的就是 D ......
vue-ref vue ref

ML——四, 多变量线性回归(Linear Regression with Multiple Variables)

4.1 多维特征 现在我们对房价模型增加更多的特征,例如房间数楼层等,构成一个含有多个变量的模型,模型中的特征为(x1,x2,x3,....,xn). 因此,用n表示特征的数量,用x(i)j 表示第i个实例的第j个特征。 则支持多变量的假设h可表示为:h(x(i))=sita0+sita1*x(i) ......
线性 变量 Regression Variables Multiple

vue-插槽 slot

插槽,也就是slot,是组件的一块HTML模板,这块模板显示不显示、以及怎样显示由父组件来决定。 实际上,一个slot最核心的两个概念这里就点出来了,是显不显示和怎样显示 “占坑”,在组件模板中占好了位置,当使用该组件标签时候,组件标签里面的内容就会自动填坑(替换组件模板中<slot>位置),当插槽 ......
slot vue