项目vue3 vue

IDEA Spring Boot项目的依赖入库问题

SpringBoot项目在创建的时候,尽量把需要的依赖通过官网选择器勾选开发的依赖框架 后期在开发过程中,可以通过点击当前版本的 boot-pom的依赖看其支持的依赖的版本,手动进行导入 或通过.pom的文件下右键generate,通过 edit starter 再次进入官网选择器进行依赖的选择和删 ......
项目 Spring 问题 IDEA Boot

vue中安装node-sass、sass-loader报错问题解决方法

可行版本(针对 node 16+ 版本) npm install node-sass@6.0.1 -D npm install sass-loader@10.2.0 -D 问题描述 问题描述:在进行一个vue项目练习时需要导入node-sass、sass-loader这两个依赖,书本提供代码是npm ......
sass sass-loader node-sass 方法 loader

运行一个vue项目vite-electron-vue

必备软件: 1) visual studio code 2) nodejs 18.16.0 3) yarn 下载源码: 项目fork 自 https://gitee.com/mywink/vite-electron.git git clone https://gitee.com/panie/vite ......
vite-electron-vue vue electron 项目 vite

使用Vue.js实现文字跑马灯效果

实现文字跑马灯效果,首先用到 substring()截取 和 setInterval计时器 clearInterval()清除计时器 效果如下: 实现代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......
跑马灯 效果 文字 Vue js

js页面将数据传给vue页面

js页面 vue页面接收 ......
页面 数据 vue

【快应用】华为ide项目编译出错快速定位

【关键词】 编译报错,三方依赖 【问题背景】 快应用版本发布后,接口或者组件新增一些属性,在将ide版本更新到最新或者支持该属性的版本后,使用这些属性时出现报错提示,如style ‘xxx’ is not supported等等,这种情形该如何处理呢? 具体如下: ​ ​ ​ 【问题分析】 如上图所 ......
项目 ide

vue面试题

一、 1.v-show和v-if区别的区别: v-show通过css display控制显示和隐藏,v-if组件真正的渲染和销毁,而不是显示和隐藏,频繁切换状态使用v-show 否则v-if 2.为何v-for要用key 快速查找到节点,减少渲染次数,提升渲染性能 3.描述vue组件声明周期mm 单 ......
vue

Vue2 css mixins变量自动导入配置

vue.config.js const path = require("path"); function addStyleResource(rule) { rule .use("style-resource") .loader("style-resources-loader") .options({ ......
变量 mixins Vue2 Vue css

Vue 3.0的使用

创建项目 vue_cli创建项目 vue_cli的安装见:https://www.cnblogs.com/smyz/p/17309086.html 使用vue_cli创建项目与创建vue2.0项目步骤相同 # 1. 进入到相关目录 # 2. 使用下面的命令进行创建 vue create 项目名称 v ......
Vue 3.0

vue3微信公众号商城项目实战系列(8)商品展示页面

本篇实现在首页展示商品功能,表结构如下: 表名 字段 功能 goods goods_id (int) 商品编号 goods_name (varchar) 商品名称 photo (varchar) 商品图片 price (decimal) 价格 商品表 页面呈现效果如下: 第1步:在 api.js 中 ......
商品展示 实战 公众 页面 商城

Vue--3

1.组件的使用 2. 路由 跳转: 根据你输入的路径找到对应的组件(页面),从而渲染该组件。 router/index.js 根据请求路径找到对应的组件. 但是找到后无法渲染它。 3. vue工程中使用elementui <template> <!--必须创建一个div--> <div> <el-t ......
Vue

vue+ant中input输入框校验,不符合条件的输入无效

1. 只能输入数字/小数点/负号 2. 只能有一个负号, 只能有一个小数点 3. 第一位不能直接输入小数点,输入负号后不能直接跟随小数点 4. 第一位输入为0时或-0时,只能跟随小数点,不能跟随数字 例如01 09 5. 小数点后只能输入两位数字,不可输入其他,并且最后一位不能为0 6 . 因为是实 ......
条件 input vue ant

VSCode统计项目代码行数

1、下载counter插件 2、打开命令显示板 ctrl+shift+p 3、显示结果 ......
代码 项目 VSCode

vue2之使用provide/inject父子祖孙组件之间的传值

官网概念:provide/inject需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在其上下游关系成立的时间里始终生效。 使用方法:在父组件中使用provide传值,在子组件中用inject接收 // 父组件 data(){ return { name:'阔落' ......
祖孙 父子 组件 之间 provide

vue2之跨页面调用和传参

A页面调用B页面的方法 不涉及父子组件时,调用的方式,使用this.$root.$emit()发送消息,进行调用, /** * 打开在全局组件中的弹框 */ handleOpenModal(){ this.$root.$emit('toolbar', { type: 'modal', fun: th ......
页面 vue2 vue

vue2

vue vue-router 安装vue-router 当前项目下安装 需要导入 vue3的写法 main.js import { createApp } from 'vue' import App from './App.vue' import Router from 'vue-router' c ......
vue2 vue

springboot项目 宿舍管理系统 (源码+数据库文件+1w字论文+ppt)

来了就点个赞再走呗,即将毕业的兄弟有福了文章底部获取源码springboot项目 宿舍管理系统 (源码+数据库文件+1w字论文+ppt)技术框架:java+springboot+vue+mysql后端框架: Spring Boot、Spring MVC、MyBatis Plus前端界面: vue、B ......

如何在 vue3 中使用 jsx/tsx?

我们都知道,通常情况下我们使用 vue 大多都是用的 SFC(Signle File Component)单文件组件模式,即一个组件就是一个文件,但其实 Vue 也是支持使用 JSX 来编写组件的。这里不讨论 SFC 和 JSX 的好坏,这个仁者见仁智者见智。本篇文章旨在带领大家快速了解和使用 Vu ......
vue3 vue jsx tsx

【Vue2.x源码系列06】计算属性computed原理

本章目标:计算属性是如何实现的?计算属性缓存原理以及洋葱模型的应用?在初始化Vue实例时,我们会给每个计算属性都创建一个对应watcher,我们称之为计算属性watcher ......
源码 computed 属性 原理 Vue2

推送项目打包文件到私有Nuget服务器

服务地址:http://127.0.0.1:5555/ api-key : 123445 1. 项目打包 ​ 1.1 创建符号包 属性添加到.csproj文件 <PropertyGroup> <IncludeSymbols>true</IncludeSymbols> <SymbolPackageFo ......
服务器 文件 项目 Nuget

uniapp系列-超详细教你在uni-app+vue3里通过web-view组件传递信息打开H5页面写入localstorage并解决兼容性

web-view是什么 web-view 是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面(nvue 使用需要手动指定宽高)。 点击这里直达官网文档 点击这里下载我的代码demo 本文最下面还有一些==常见或者奇怪问题解决方案==哦~ 为什么使用这种方式搞页面?有什么好处呢? ......

Vue(一)

1.Vue核心 1.1.介绍 1.1.1.官网 Vue中文官网:https://cn.vuejs.org 1.1.2.简介 Vue是一套用于构建用户界面的渐进式JavaScript框架。 构建用户界面:将一堆杂乱的数据转为简单易懂可视化的界面 渐进式:vue可以自底向上逐层的应用(从一个轻量小巧的核 ......
Vue

202306-人民当家作组 实验三: 软件项目案例分析 (团队作业)

| 项目 | 内容 | | | | |课程班级博客链接 |2020级卓越工程师班| | 这个作业要求链接 |实验三 软件项目案例分析 | |团队名称|人民当家作组| |团队的课程学习目标|(1)掌握现有软件案例分析方法(2)了解软件的功能特点、优缺点以及用户体验 |这个作业在哪些方面帮助团队实现学习 ......
案例分析 团队 案例 项目 202306

项目讲解之常见安全漏洞

本文是从开源项目 RuoYi 的提交记录文字描述中根据关键字漏洞|安全|阻止筛选而来。旨在为大家介绍日常项目开发中需要注意的一些安全问题以及如何解决。 项目安全是每个开发人员都需要重点关注的问题。如果项目漏洞太多,很容易遭受黑客攻击与用户信息泄露的风险。本文将结合3个典型案例,解释常见的安全漏洞及修 ......
安全漏洞 漏洞 常见 项目

scrum项目冲刺_day5会议总结

今日团队任务: 图片转excel(5天) 前端开发(需团队风格统一) 调用接口(后端),json数据->excel 前后端连接 任烁玚(进行中) 图片转html(8天) 前端开发(需团队风格统一) 图片转为pdf(存储) pdf转html(调用接口)[html存储到数据库] 前后台数据同步 孟德昊( ......
会议 项目 scrum day5 day

如何在现有项目中使用`Masa MiniApi`?

首先我们现有创建一个空的WebApi的项目模板,这个项目模板和MasaFramework本身没有任何关联,我们本博客只是使用的MasaFramework的MiniApi的包 创建Asp.NET Core 空的项目模板 项目名称MFMiniApi 其他信息看图,取消Https配置,也可以选择, 这就是 ......
MiniApi 项目 Masa

Vue引入腾讯地图

在public目录下的index.html文件中加入以下代码 //引入腾讯地图服务 <script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp&key= 腾讯地图-控制台-添加应用生成的key "></script> //引入腾讯地图的 ......
地图 Vue

day01-项目介绍&功能实现

项目介绍&功能实现 1.项目介绍&环境搭建 一个以社交平台为核心的轻电商项目,功能如下: 短信登录、商户查询缓存、优惠券秒杀、达人探店、好友关注、附近的商户、用户签到、UV统计 1.1项目架构 1.2项目环境搭建 1.2.1后端项目搭建 mysql的版本采用5.7及以上版本 (1)首先创建数据库,需 ......
功能 项目 day amp 01

vue3+vite+ts搭建一个基于cesium的gis系统

使用 NPM: bash $ npm create vite@latest 使用 Yarn: bash $ yarn create vite 使用 PNPM: bash $ pnpm create vite附加的命令行选项# npm 6.x npm create vite@latest my-vue ......
cesium 系统 vue3 vite vue

Vue生命周期详解

Vue生命周期 new Vue() new 了一个 Vue 的实例对象,此时就会进入组件的创建过程。 Init Events & Lifecycle 初始化组件的事件和生命周期函数 beforeCreate 组件创建之后遇到的第一个生命周期函数,这个阶段 data 和 methods 以及 dom ......
周期 生命 Vue