项目vue3 vue

vue中使用jsx

前言 相对来说 有些时候用jsx更合适,更灵活些 安装依赖 有对应的包支持 yarn add --dev @vitejs/plugin-vue-jsx 配置插件 在vite.config.js import { defineConfig } from "vite"; import vue from ......
vue jsx

docker-day4——Dockerfile、docker私有仓库、dockercompose介绍、dockercompose部署flask+redis项目、dockercompose一键部署路飞项目

一、Dockerfile 1.1 常用和不常用命令 FROM: 指定基础镜像 RUN: 构建镜像过程中需要执行的命令。可以有多条。docker build CMD:添加启动容器时需要执行的命令。多条只有最后一条生效。可以在启动容器时被覆盖和修改。 ENTRYPOINT:同CMD,但这个一定会被执行, ......

ActionRPG 项目拆解

准备工作(熟悉 ActionRPG 有哪些功能)(1)依次点击“编辑” —> “项目设置“ —> “输入”,查看游戏功能的默认快捷键。 (2)打开 BP_PlayerCharacter 蓝图重载 IsAlive 函数,使其始终返回 true(这样我们操控的人物即使没血了也不会死亡了,省得老死亡浪费时 ......
ActionRPG 项目

vue列表渲染之for循环

vue列表渲染之for循环 前端开发中,如果涉及列表渲染,都会提示或要求每个列表项使用唯一的 key,那很多开发者就会直接使用数组的 index 作为 key 的值,而并不知道 key 的原理。那么以下会讲解 key 的作用以及为什么最好不要使用 index 作为 key 的属性值。 1、作用 在虚 ......
vue for

为github项目添加优秀的自述文件

sudo apt-get update sudo apt install npm npx readme-md-generator 参考资料:https://github.com/kefranabg/readme-md-generator ......
文件 项目 github

vue通过Export2Excel.js进行导入excel,获取数据

<!-- 封装的模板下载和导入按钮和功能组件--> <template> <span style="margin-left: 10px"> <el-button size="mini" class="el-icon-download" @click="downFiles"> 下载模板</el-but ......
Export2Excel Export2 数据 Export 2Excel

Vue3 简介

视频 Vue3快速上手 1.Vue3简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址:https://github.com/vuejs/vue-next ......
简介 Vue3 Vue

Vue2总结

笔记 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放 ......
Vue2 Vue

2023-04-14 vue之组件全局注册

新建一个vue文件,随便写点什么,然后在main.js中引入,如下: xxx.vue: <template> <view class="container"> <view class="content"> 登录窗口 </view> </view> </template> <script> expor ......
全局 组件 2023 vue 04

Vue3 Vite H5 手写一个横向展开的多级树列表

最近写h5要做那种稍微复杂一点的树,没找到现成的UI组件库可用,vant的树只有两级不满足,只能自己写 ps. 选框的选择/反选/半选对父子选项的影响还有bug,留到脑子好的时候再优化 效果 代码 框架是Vue3+Vite+Vant4。复选框用的vant的checkbox,应该也可以换别的或者原生。 ......
横向 Vue3 Vite Vue H5

vue 使用 vue-seamless-scroll 实现LED屏滚动效果

yarn add vue-seamless-scroll <div class="index-roll"> <vue-seamless-scroll :data="partnerList" :class-option="optionLeft"> <ul> <li v-for="(item, inde ......

vite vue3 全局批量注册组件

方式1-使用import.meta.glob import { createApp, defineAsyncComponent } from 'vue' const app = createApp(App); app.mount('#app'); // antd全局使用图标,遍历引入 const i ......
全局 组件 vite vue3 vue

spring-cloud-alibaba项目打包

在父依赖中加入 <build> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> <version>2.3.2.RELEAS ......

vue3微信公众号商城项目实战系列(3)项目初始文件及文件夹简介

首先我们来看下项目的文件结构图,如下: 各个文件及文件夹作用如下: 文件或文件夹名称 作用 .vscode VisualStudioCode开发工具的配置信息存放目录,从这个目录可以看出vue3确实是推荐使用vscode作为开发工具的。 node_modules 项目中用到的包存放目录,当我们用 " ......
文件 项目 文件夹 实战 公众

项目样式标准化处理

项目引入normalize.css,注意放在最上面引入 https://gitcode.net/mirrors/necolas/normalize.css?utm_source=csdn_github_accelerator ......
样式 标准 项目

express项目的创建

前言 前端开发者若要进行后端开发,大多都会选择node.js,在node生态下是有大量框架的,其中最受新手喜爱的便是老牌的express.js,接下来我们就从零创建一个express项目。 安装node 在这里:https://nodejs.org/dist/v16.14.0/node-v16.14 ......
express 项目

vue3 + ts + electron项目搭建过程

1、输入指令 npm create electron-vite 2、工程创建好后进入工程目录 执行 npm i 加载依赖项, 加载过程中可能会出现加载失败的问题,是因为github资源的问题,非项目本身问题,多执行几次即可 3、打包 输入npm run build,打包过程也会出现打包失败的问题,原 ......
electron 过程 项目 vue3 vue

(之前的项目复习)我的Java项目实战--校园餐饮商户外卖系统05

开发笔记五 套餐管理业务开发 新增套餐 需求分析 套餐就是菜品的集合。 后台系统中可以管理套餐信息,通过新增套餐功能来添加一个新的套餐,在添加套餐时需要选择当前套餐所属的套餐分类和包含的菜品,并且需要上传套餐对应的图片,在移动端会按照套餐分类来展示对应的套餐。 数据模型 新增套餐,其实就是将新增页面 ......
项目 商户 实战 餐饮 校园

PAP项目-第一章-安装夜神模拟器

1 安装模拟器夜神 2 打开开发者模式,打开usb调试,打开指针位置 点击设置 - 点击关于本机 - 点击最底下的版本号联系点三次打开开发者模式 - 点返回 - 点开发者选项 - 打开usb调试,打开指针位置 ......
模拟器 项目 PAP

Vue

相关资料地址 官网: https://cn.vuejs.org/ 官网教程: https://cn.vuejs.org/v2/guide/ 官网API: https://cn.vuejs.org/v2/api/ 王树东FE10资料: https://github.com/itguide/fe10 ( ......
Vue

Vue2入门之超详细教程六-数据代理

1、简介 这章有点长,希望大家可以耐心看完。在了解数据代理之前需要先了解Object.defineProperty,Object.defineProperty就是给一个对象添加属性用的。数据代理,通过一个对象代理对另一个对象中数据的操作(读/写)。 Vue中的数据代理: 通过vm对象来代理data对 ......
教程 数据 Vue2 Vue

PySide6 项目开发

Prerequisite 在之前的博客(PyQt6 / PySide6)讲了基础,这篇博客就是项目实战的过程(人工智能 + PySide6) 项目参考: B 站教程 风格组件:PySide6-Fluent-Widgets(虽然这次没用到,下次做项目一定会用到!!) 基于人工智能的图片动漫化 项目地址 ......
项目开发 PySide6 项目 PySide

vue自定义组件——ip-input

github地址: https://github.com/lxmghct/my-vue-components 组件介绍 props: value: 输入的ip地址, 类型为字符串, 格式为xx.xx.xx.xx, default: '' disabled: 是否禁用, 类型为布尔值, default ......
组件 ip-input input vue ip

vue3微信公众号商城项目实战系列(2)创建一个vue3项目

在我们的电脑上安装完nodejs后,本机就可以作为一个web服务器使用了,只不过这个web服务器上的网页使用javascript来编写。 接下来我们创建一个vue3项目,并运行起来,然后用浏览器来访问,没有什么比一个hello world更让人期待的了。 创建一个vue3项目我们可以使用脚手架工具来 ......
项目 vue3 实战 vue 公众

vue自定义组件——split-pane

github地址: https://github.com/lxmghct/my-vue-components 组件介绍 props: splitCount: 分割数量, default: 2 direction: 分割方向, 'vertical' or 'horizontal', default: ......
split-pane 组件 split pane vue

vue深度选择器 /deep/ ::v-deep >>>的使用

css中通常会在 style 标签内添加 scoped 来避免父组件对子组件的影响,添加了之后只能修改当前组件的样式。 这样做的原理是通过在打包的时候给每个样式都添加一个独一无二的hash值,从而避免父组件对子组件的样式的影响。 如果去掉scoped的话就会影响全局样式,但是加上scoped又不能在 ......
deep 深度 gt v-deep vue

解决vue不规则空格的方法

问题描述: 就是有时候会报这个错误:Irregular whitespace not allowed 或者出现报老多warning,说你的代码不规则 解决问题 一、在 package.json中添加 { "name": "system", "version": "0.1.0", "private": ......
空格 方法 vue

Vue.js element-ui

基本使用视频 按需引入视频 7.1移动端常用UI组件库 Vant https://youzan.github.io/vant Cube UI https://didi.github.io/cube-ui Mint UI http://mint-ui.github.io 7.2PC端常用UI组件库. ......
element-ui element Vue js ui

团队项目Scrum冲刺-day2

| 这个作业属于哪个课程 | 2023软件工程—双学位 | | | | | 这个作业要求在哪里 | 团队作业4——项目冲刺 | | 这个作业目标 | 团队项目Scrum冲刺-day2 | 1.会议 1.1昨日已完成工作 | 队员 | 任务 | | | | | 翟张博、沈炜杰 | 用户登录界面设计、开 ......
团队 项目 Scrum day2 day

团队项目第三天

今天我们继续推进项目。今日各成员进展如下: 彭锁群:今日完成: 明日目标: 遇到问题(已解决或未解决): 杨凯文:今日完成: 明日目标: 遇到问题(已解决或未解决): 杨康: 今日完成: 明日目标: 遇到问题(已解决或未解决): 张家硕:今日完成:下载kotlin组件 明日目标:能成功引入kotli ......
团队 项目