项目vue3 vue
vue中使用jsx
前言 相对来说 有些时候用jsx更合适,更灵活些 安装依赖 有对应的包支持 yarn add --dev @vitejs/plugin-vue-jsx 配置插件 在vite.config.js import { defineConfig } from "vite"; import vue from ......
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(这样我们操控的人物即使没血了也不会死亡了,省得老死亡浪费时 ......
vue列表渲染之for循环
vue列表渲染之for循环 前端开发中,如果涉及列表渲染,都会提示或要求每个列表项使用唯一的 key,那很多开发者就会直接使用数组的 index 作为 key 的值,而并不知道 key 的原理。那么以下会讲解 key 的作用以及为什么最好不要使用 index 作为 key 的属性值。 1、作用 在虚 ......
为github项目添加优秀的自述文件
sudo apt-get update sudo apt install npm npx readme-md-generator 参考资料:https://github.com/kefranabg/readme-md-generator ......
vue通过Export2Excel.js进行导入excel,获取数据
<!-- 封装的模板下载和导入按钮和功能组件--> <template> <span style="margin-left: 10px"> <el-button size="mini" class="el-icon-download" @click="downFiles"> 下载模板</el-but ......
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 ......
Vue2总结
笔记 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放 ......
2023-04-14 vue之组件全局注册
新建一个vue文件,随便写点什么,然后在main.js中引入,如下: xxx.vue: <template> <view class="container"> <view class="content"> 登录窗口 </view> </view> </template> <script> expor ......
Vue3 Vite H5 手写一个横向展开的多级树列表
最近写h5要做那种稍微复杂一点的树,没找到现成的UI组件库可用,vant的树只有两级不满足,只能自己写 ps. 选框的选择/反选/半选对父子选项的影响还有bug,留到脑子好的时候再优化 效果 代码 框架是Vue3+Vite+Vant4。复选框用的vant的checkbox,应该也可以换别的或者原生。 ......
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 ......
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 ......
vue3 + ts + electron项目搭建过程
1、输入指令 npm create electron-vite 2、工程创建好后进入工程目录 执行 npm i 加载依赖项, 加载过程中可能会出现加载失败的问题,是因为github资源的问题,非项目本身问题,多执行几次即可 3、打包 输入npm run build,打包过程也会出现打包失败的问题,原 ......
(之前的项目复习)我的Java项目实战--校园餐饮商户外卖系统05
开发笔记五 套餐管理业务开发 新增套餐 需求分析 套餐就是菜品的集合。 后台系统中可以管理套餐信息,通过新增套餐功能来添加一个新的套餐,在添加套餐时需要选择当前套餐所属的套餐分类和包含的菜品,并且需要上传套餐对应的图片,在移动端会按照套餐分类来展示对应的套餐。 数据模型 新增套餐,其实就是将新增页面 ......
PAP项目-第一章-安装夜神模拟器
1 安装模拟器夜神 2 打开开发者模式,打开usb调试,打开指针位置 点击设置 - 点击关于本机 - 点击最底下的版本号联系点三次打开开发者模式 - 点返回 - 点开发者选项 - 打开usb调试,打开指针位置 ......
Vue
相关资料地址 官网: https://cn.vuejs.org/ 官网教程: https://cn.vuejs.org/v2/guide/ 官网API: https://cn.vuejs.org/v2/api/ 王树东FE10资料: https://github.com/itguide/fe10 ( ......
Vue2入门之超详细教程六-数据代理
1、简介 这章有点长,希望大家可以耐心看完。在了解数据代理之前需要先了解Object.defineProperty,Object.defineProperty就是给一个对象添加属性用的。数据代理,通过一个对象代理对另一个对象中数据的操作(读/写)。 Vue中的数据代理: 通过vm对象来代理data对 ......
PySide6 项目开发
Prerequisite 在之前的博客(PyQt6 / PySide6)讲了基础,这篇博客就是项目实战的过程(人工智能 + PySide6) 项目参考: B 站教程 风格组件:PySide6-Fluent-Widgets(虽然这次没用到,下次做项目一定会用到!!) 基于人工智能的图片动漫化 项目地址 ......
vue自定义组件——ip-input
github地址: https://github.com/lxmghct/my-vue-components 组件介绍 props: value: 输入的ip地址, 类型为字符串, 格式为xx.xx.xx.xx, default: '' disabled: 是否禁用, 类型为布尔值, default ......
vue3微信公众号商城项目实战系列(2)创建一个vue3项目
在我们的电脑上安装完nodejs后,本机就可以作为一个web服务器使用了,只不过这个web服务器上的网页使用javascript来编写。 接下来我们创建一个vue3项目,并运行起来,然后用浏览器来访问,没有什么比一个hello world更让人期待的了。 创建一个vue3项目我们可以使用脚手架工具来 ......
vue自定义组件——split-pane
github地址: https://github.com/lxmghct/my-vue-components 组件介绍 props: splitCount: 分割数量, default: 2 direction: 分割方向, 'vertical' or 'horizontal', default: ......
vue深度选择器 /deep/ ::v-deep >>>的使用
css中通常会在 style 标签内添加 scoped 来避免父组件对子组件的影响,添加了之后只能修改当前组件的样式。 这样做的原理是通过在打包的时候给每个样式都添加一个独一无二的hash值,从而避免父组件对子组件的样式的影响。 如果去掉scoped的话就会影响全局样式,但是加上scoped又不能在 ......
解决vue不规则空格的方法
问题描述: 就是有时候会报这个错误:Irregular whitespace not allowed 或者出现报老多warning,说你的代码不规则 解决问题 一、在 package.json中添加 { "name": "system", "version": "0.1.0", "private": ......
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组件库. ......
团队项目Scrum冲刺-day2
| 这个作业属于哪个课程 | 2023软件工程—双学位 | | | | | 这个作业要求在哪里 | 团队作业4——项目冲刺 | | 这个作业目标 | 团队项目Scrum冲刺-day2 | 1.会议 1.1昨日已完成工作 | 队员 | 任务 | | | | | 翟张博、沈炜杰 | 用户登录界面设计、开 ......