项目vue3 vue
Vue3-vite 按需引入Element-plus
1.下载unplugin-vue-components，unplugin-auto-import 包 npm i -D unplugin-vue-components unplugin-auto-import 2.vite.config.js 文件中配置 1 import AutoImport fr ......
vue npm 视频播放 项目中感觉比较好用的包
npm @easydarwin/easyplayer 对H265 H264支持都比较友好！！实测比较好用 <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" c ......
vue中没有index.html 如何可以加上
在Vue项目中，如果没有默认的index.html文件，你可以手动创建一个并进行设置。 以下是创建并配置index.html的步骤： 在你的Vue项目根目录下创建一个新的public文件夹（如果还没有）。 在public文件夹下创建一个新的index.html文件。 在index.html文件中添加 ......
vue-cli_关于vue-cli打包后多出的js与css文件
平常并没有注意到打包后js与css有多少个文件, 一般而言执行打包命令后就差不多万事大吉, 然后交给后端去完成部署就好了. 但轮到自己亲手为打包文件设置CDN时, 发现, 原来打包出来文件多少还是有区别的. 如下, 是我打包出来的某个项目的文件和自动生成的html文件的引入文件. ├─dist | ......
windows系统上的github项目的上传和下载
通过把远程仓库文件克隆下来,再添加自己需要上传的文件,再上传到远程仓库。 1、下载git工具 : https://gitforwindows.org/ 下载安装之后,右键鼠标会出现两个新选项,分别为 [Git GUI Here], [Git Bash Here] 2、进入GitHub首页,点击 Ne ......
vue源码解析-实现一个基础的MVVM框架
基本介绍 vue.js采用数据劫持结合发布-订阅模式的方式，通过Object.defineProperty()来劫持各个属性的getter,setter,在数据变动时发布消息给订阅者，触发响应的监听回调。 主要功能： 实现一个指令解析器Compile 实现一个数据监听器Observer 实现一个Wa ......
结对项目
信息 姓名 学号 GitHub地址 钟学 3121005280 https://github.com/GTzx/project_2 陈勇佳 3121005292 软件工程 课程主页 作业要求 作业要求 作业目标 实现一个自动生成小学四则运算题目的命令行程序 需求 题目：实现一个自动生成小学四则运算题 ......
Vue-进阶，404页面控制及路由钩子
路由转发传参 我们在使用vue-router时，可能会在Vue实例对象中，写一些方法使用路由的方式完成跳转，其实这种方式也是可以进行转发的 this.$router.push("/main"); 如上，可以使用字符串拼接，把参数拼接在后面，然后转发，完成参数传递 this.$router.push( ......
uniapp项目实践总结(二十二)分包优化和游客模式
导语：这篇主要介绍应用分包和游客模式相关的内容。 目录 应用分包 游客模式 应用分包 微信对于小程序的打包压缩后的代码体积是有限制的，网页和 APP 也可以适用分包功能，因此需要进行分包添加以及分包优化。 分包添加 在pages.json文件中添加分包的信息。例如：有一个名叫user的分包，里面有一 ......
如何在vite+vue3中的html页面中使用变量？
如何在vite+vue3中的html页面中使用变量？ vite版本：4.1.5 vue版本：3.2.47 需要引入新的开发依赖: yarn add vite-plugin-html -D 修改vite.config.ts文件配置 ... // @ts-ignore import { createHt ......
软件工程(结对编程项目)
Github作业链接 成员：刘鸿杰 林程星 软件工程 计科21级4班 作业要求 作业3要求连接 作业目标 实现四则运算题目的命令行程序 PSP表格 PSP2.1 ersonal Software Process Stages 预估耗时（分钟） 实际耗时（分钟） Planning 计划 10 10 · ......
使用Vue3+elementPlus的Tree组件实现一个拖拽文件夹管理
目录1、前言2、分析3、 实现4、踩坑4.1、拖拽辅助线的坑4.2、数据的坑4.3、限制拖拽4.4、样式调整 1、前言 最近在做一个文件夹管理的功能，要实现一个树状的文件夹面板。里面包含两种元素，文件夹以及文件。交互要求如下： 创建、删除，重命名文件夹和文件 可以拖拽，拖拽文件到文件夹中，或着拖拽文 ......
SpringBoot学习1(项目部署以及创建报错的解决)
1.SpringBoot 设计目的：简化Spring应用的初始搭建以及开发过程. 2.空项目创建 2.1查看更改自己的maven版本 file-->settings 有时候这里的maven home usersettingsfile local..不是自己的maven文件夹，记得修改过来。 2.2创 ......
我的第一个C#项目
这是大一用来学C/C++的vs2010，当时因为情怀没卸载（呜呜呜世界上最好的磊磊老师！） 吃了一年灰没想到了大三还要为我服务（） 今天试运行了一下C#项目，原本以为还需要安装一些什么插件，结果上手就能用（Java你看看人家！！！！） 点击文件——》新建——》项目 点击visual C#下了Wind ......
vue+el 实现 阶梯效果
[简介]： 关键代码; <el-row class='midPart' style=''>{{ menu.name }}</el-row>.midPart { float: left; width: 4%; padding: 7px 7px; background: #444;} [内容]： <te ......
Go 项目的 MAKE 工具
Go 项目的 MAKE 工具 MAKE 工具是 Linux 和 Unix 系统中一种常见的自动化构建工具，通常用于管理和组织软件项目。在 Go 语言中，使用 MAKE 工具可以轻松地管理和构建项目，并自动执行诸如编译、测试、安装等复杂的操作。 下面将介绍如何在 Go 项目中使用 MAKE 工具，并说 ......
java项目开发常用配置文件模板
mybatis config文件 1 <?xml version="1.0" encoding="UTF-8" ?> 2 <!DOCTYPE configuration 3 PUBLIC "-//mybatis.org//DTD Config 3.0//EN" 4 "http://mybatis.o ......
【项目心得】在nest中使用fastify-cookie
包安装 确保你在nest项目中安装了 fastify, @fastify/cookie, @nestjs/platform-fastify 等包 npm i fastify @fastify/cookie @nestjs/platform-fastify fastify的引入和fastify-coo ......
使用SpringBoot+Vue3的形式实现管理系统的添加功能
1、查看页面形式 2、使用element-plus组件为添加页面引入form表单 成功引入form表单组件： 3、更改成自己需要的形式 4、测试是否可以拿到文本框的数据 拿到数据啦！！（记得vue3这里： console.log(form) //不要写this ```） # 5、vue界面的添加代码 ......
vue 路由动画
安装 npm i -S animate.css main.ts 引入 import 'animate.css'; router const routes: RouteRecordRaw[] = [ { path: '/', alias: ['/login'], component: () => im ......
vue 暴露组件方法
loadingbar <template> <div class="wrapper"> <div ref="bar" class="bar"></div> </div> </template> <script setup lang="ts"> import { onMounted, ref } fr ......
vue安装路由
一、安装命令： npm install vue-router --save 或者 cnpm install vue-router --save 二、新建一个router.js router.js大致内容 1 import {createRouter, createWebHistory} from ' ......
08_Electron与vue环境搭建
首先在 Vscode 控制台输入：npm intall -g @vue/cli or yarn global add @vue/cli。 然后再输入 npm i -g @vue/cli-init，这时候输入 vue -V 来看 vue 是否安装成功。 安装成功后输入 vue init simulat ......
CMake项目，将CMakeList.txt中的变量传递到代码中。
有些时候，代码中可能需要获取CMakeList中的变量。常见的就是路径之类的。 在CMake项目中，有一个参数可以将变量传递到代码中： CMakeList.txt中： # 1.声明定义变量 set(CMAKE_VAR "CMAKE MESSAGE 123123") # 2.传递变量 #使用targe ......
关于时间太长忘记vue如何启动的问题
1、开启SpringBootApplication项目 2、在vue项目的Teminal处，输入相关命令 vue2 npm run dev vue3 npm run serve 咳咳，写一遍我就不会忘记啦~ ......
结对项目：实现自动生成小学四则运算题目
这个作业属于哪个课程 计科21级12班 这个作业要求在哪里 结对项目 这个作业的目标 熟悉结对项目的的合作方法与模式 团队成员信息 姓名 学号 刘晋延 3121004832 张建文 3121004845 PSP表格 PSP2.1 Personal Software Process Stages 预估 ......
个人项目评价
优点：她把各个模块儿完成的很好并且生成的卷子没有异常 缺点：使用路径是使用了绝对路径这导致可移植性差的原因，代码布局上不是很好。 如下伪代码： package page;import java.io.*;import java.text.SimpleDateFormat;import java.ut ......
vue实现大文件切片上传、断点续传、并发数控制等
一、上传按钮和进度条等 <div> <h2>上传文件</h2> <div ref="drag" class="drag"> <input class="file" type="file" @change="handlerChange" /> </div> <el-progress style="wi ......
CAP项目集成带身份和证书验证的MongoDB
最近，在使用CAP事件总线时，碰到了这样一个需求：微服务采用的是MongoDB，而且还是带身份验证 和 SSL根证书验证的。由于目前网上能找到的资料，都是不带身份验证的MongoDB，现在网络信息安全越来越被重视，那么就需要自己研究一番了。 ......
UE4创建C++版项目遇到的错误
1.Visual Studio 2017 version 15.6 is required to compile on Windows. Please install updates through the Visual Studio installer. 说是VS2017 15.0.0版本太低，需 ......