项目vue3 vue
vue脚手架创建与环境安装(转载)
1.安装 Node.jsDownload | Node.js 在这里👆下载的是最新版，如果要安装以前的版本👇，页面往下拉找到 Previous Releases—Donloads—下载msi文件。 1.1 一直next即可安装成功。 1.2 安装后在cmd控制台输入node -v和npm ......
10：vue3 组件注册方式（全局注册和局部注册）
组件注册方式 一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册和局部注册。 全局注册 将09节课程的Header组件进行全局注册演练 在main.js中添加Header.vue组件的注册 1 import { createApp ......
VUE 2项目使用vue-json-excel导出数据
记录一下后端返回的json数据转成excel导出 ###这里外面使用的是 [vue-json-excel](https://github.com/jecovier/vue-json-excel) ###1.安装包 ``` npm install vue-json-excel ``` ###2.组件中 ......
vue3子组件向父组件传参
《好记性不如烂笔头系列》 子组件 <template> <div class="protocolstyle"> <van-checkbox v-model="checked" toggle @click="userProtocolClick"></van-checkbox> <span class= ......
09： vue3 组件嵌套关系
组件嵌套关系 组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。在实际应用中，组件常常被组织成层层嵌套的树状结构： 这和我们嵌套 HTML 元素的方式类似，Vue 实现了自己的组件模型，使我们可以在每个组件内封装自定义内容与逻辑。 创建组件及引用关系 Header. ......
vue-treeselect 被 overflow 遮挡
# 场景 在一个内容区域设置了 `overflow` 纵向滚动的对话框中，内部的 `vue-treeselect` 组件下拉框选项被遮挡了。 # 解决办法 给 `vue-treeselect` 设置 `appendToBody` 和 `z-index` 属性。 ![image](https://im ......
kubesphere devops部署springboot项目
一：使用流水线devops部署springboot项目的流程： 二、本次项目结构： 其中Dockerfile: FROM openjdk:8-jdk LABEL maintainer=leifengyang #docker run -e PARAMS="--server.port 9090" ENV ......
在asp.net core中使用vue3+vite（起）
## 前言 一开始是一个自用的应用，原本是用razor写的。最近有了点新想法，加点新功能，但是我接触的项目基本都是vue+api的前后端分离，用这razor写的是真不习惯，最后决定还是用习惯的vue重写。 之前尝试过在.net core里使用vue2+webpack，毕竟实际上就是把.vue翻译成了 ......
第八篇 - Vue路由跳转步骤
第六篇讲了将SpringBoot和Vue项目结合起来，实现了使用Vue访问SpringBoot的API。这一篇我们介绍当访问API成功后跳转到新的Vue页面怎么处理。 参考链接：https://zhuanlan.zhihu.com/p/468467076 第一步：首先新建一个Vue页面 jump1t ......
金蝶Apusic 应用服务器9.0版本上，springboot项目关于文件上传的一个问题
金蝶Apusic 应用服务器9.0版本上，springboot项目关于文件上传的一个问题 项目部署在金蝶v9上使用文件上传时，请求接口获取不到参数。但是在本地启动应用是可以获取到参数，没有任何问题。 @RequestMapping("doUpload") public void doUpload(D ......
08：vue3 组件基础
定义一个组件 在components文件夹下新建MyComponent.vue组件 写入下面代码 1 <script> 2 export default { 3 data() { 4 return { 5 count: 0 6 } 7 } 8 } 9 </script> 10 11 <templat ......
解决vue中mapbox地图显示一半的问题
### 解决vue中mapbox地图显示一半的问题 问题描述： 在vue中创建mapbox地图，地图只显示一般，查看浏览器开发者工具。发现将`canvas.mapboxgl-canvas` 的`position:absolute`去掉就解决了 。 代码修改：获取到`canvas.mapboxgl-c ......
vue lang="scss" scoped 样式穿透的规则
1：外层容器 ::v-deep 组件 { }2： ::v-deep 组件 { }3： ::v-deep { & 组件{ } } ......
vue项目动态菜单import运行报错【转】
Module build failed (from ./node_modules/@vue/cli-plugin-eslint/node_modules/eslint-loader/index.js): TypeError: Cannot read property ‘range’ of null ......
vue项目报错：Node.js v18.16.1 error Command failed with exit code 1.
原因： 把node升级到了最新的长期支持版18.16.1，结果运行vue项目启动失败，报错如下：  试了各种办法都解 ......
vue渲染原理简单实现
实现功能： 1.渲染系统： · 功能一：h函数，用于创建并返回一个VNode（虚拟对象）; · 功能二：mount函数，用于将VNode挂载到节点上； · 功能三: patch函数，用于对比两个VNode，决定该如何处理新的VNode； ### 1.新建一个index.html的页面 其中有一个id ......
Vue项目引入Bootstrap5步骤
1、在工程项目下安装Bootstrap5依赖包  `npm install bootstrap@5.3. ......
Vue, Django | 数据可视化平台开发
给公司搞了个互联网设备可视化平台，在地图上展示互联网设备的信息，点击地图不同区域，统计相应的设备信息，生成图表展示出来 ![](https://img2023.cnblogs.com/blog/2997171/202307/2997171-20230705092400289-934249968.pn ......
前端Vue自定义轮播图视频播放组件 仿京东商品详情轮播图视频Video播放效果 可图片预览
#### 前端Vue自定义轮播图视频播放组件 仿京东商品详情轮播图视频Video播放 ，可图片预览，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13325 #### 效果图如下: ![](https://p3-juejin.b ......
前端Vue一款基于canvas的精美商品海报生成组件 根据个性化数据生成商品海报图 长按保存图片
#### 前端Vue一款基于canvas的精美商品海报生成组件 根据个性化数据生成商品海报图 长按保存图片，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13326 #### 效果图如下: ![](https://p3-juej ......
【Vue】el-select 数据过多替代方案
一、需求问题： 一开始就考虑使用简单el-select选取数据，但是后面数据量增多， 超过一千条开始，组件会很卡不好用，第二个是接口也慢了 数据量多的话是有一个filterable做支持了，可以输入关键字进行匹配检索 但是不能解决卡顿的问题，接口还是比较慢 二、替代方案： 然后改用了el-autoc ......
Nginx+Uwsgi+Django+Mysql部署项目
第一章、准备工作 第1节、创建项目目录 准备好项目代码，将代码上传至myproject mkdir myproject 第2节、安装python3 cd /usr/local/ mkdir Python wget https://www.python.org/ftp/python/3.8.0/Pyt ......
vuE初探［230704］
## vue语法初探 ### 课前须知 > 知识储备：html、JavaScript、css（node、npm、webpack） ##### 课程介绍 ###### 进阶式： 1. 基础：生命周期函数 条件循环渲染指令、页面样式修饰语法··· 2. 组件：全局&局部、数据传递、插槽基础··· 3. ......
SpringBoot3.0从入门到项目实战：解决Web应用痛点的最新解决方案
SpringBoot3.0从入门到项目实战：解决Web应用痛点的最新解决方案 SpringBoot是当前Java领域中应用最广的框架之一，而随着SpringBoot 3.0的发布，它迎来了更加全面和强大的一次升级。本文将深入浅出地介绍SpringBoot 3.0的新特性，同时结合实际项目经验，分享W ......
关于JAVA项目公共字段自动填充的理解
公共字段字段填充是什么？ “公共字段自动填充”顾名思义，其实就是省略了在程序当中对某些字段手动填写的步骤，大大提高了效率！ 为什么要使用公共字段填充技术在我们的程序当中？ 在我们项目的开发中，当我们在修改数据库中的某些值的时候，有一些字段属于公共子段，就是有些字段不仅是在某一个表里有，而是好几张表里 ......
Vue02
## 1.Vue计算属性和watch监听 ### 1.1.计算属性 ```HTML Title 您的生日是：{{birth}} ``` ### 1.2.watch - watch可以让我们监控一个值的变化。从而做出相应的反应。 ```HTML Title ``` ## 2.组件化 ### 2.1.什 ......
GitHub上最热门的Java开源项目
这是一个轻快，简洁，功能强大，使用Java开发的博客系统。 2jeecg-boot https://github.com/zhangdaiscott/jeecg-boot Star 2873 这是一款基于代码生成器的JAVA快速开发平台！提高UI能力的同时，降低前后分离的开发成本，JeecgBoot ......
一定要收藏的5个优秀的SpringCloud开源项目
今天再为大家推荐几个优秀的SpringCloud开源脚手架项目，开箱即用，不管是学习还是开发新项目，都非常不错。 伟大的作家鲁迅先生曾说过：能直接用，绝不重复造轮子 img 好了，不多bb，上才艺！ 1、pig 基于 Spring Cloud 2020 、Spring Boot 2.5、 OAuth ......