项目vue3 vue
VUE框架组件中通信方式(1)
## 在vue2中组件通信方式如： props:可以实现父子组件，子父组件，兄弟组件通信 自定义事件：实现子父组件通信 全局事件总线$bus：可以实现任意组件通信 pubsub：发布订阅模式实现任意组件通信 vuex：集中式状态管理容器，实现任意组件通信 ref：父组件获取子组件实例VC，获取子组件 ......
Vue如何在页面加载时将url的参数赋值给组件
<template> <input v-model="loginForm.username" name="username" type="text" tabindex="1" auto-complete="on" /> <input v-model="loginForm.password" :typ ......
使用vscode + vite + vue3+ element3 搭建vue3脚手架
技术栈 开发工具：VSCode代码管理：Git前端框架：Vue3构建工具：Vite路由：vue-router状态管理：vuexAJAX：axiosUI库：element-ui 3数据模拟：mockjscss预处理：sass 构建viite + vue3 + element-ui3项目 1、安装vit ......
tomcat部署单项目
tomcat部署单项目 一、上传tomcat压缩包和项目jar包 1.上传tomcat到任意目录 比如:/usr/src 解压tomcat压缩包 2.上传项目包到任意目录 比如:/usr/src 二、部署项目到tomcat上 1.先将项目包放到 tomcat 的 webapps 目录下，并且解压 2 ......
tomcat部署多项目
tomcat部署多项目 在实际工作过程中，由于公司资源限制，可能存在多个项目部署在一台服务器上 一、tomcat环境部署 1.复制一个tomcat容器 复制：cp -r apache-tomcat-8.5.38 tomcat-oa 改名：mv apache-tomcat-8.5.38 tomcat- ......
vue2中$set用法详细讲解
1、为什么要用set？ 在vue中，并不是任何时候数据都是双向绑定的。在官方文档中，有这样一段话，如下： 从文档得知，当数据没有被双向绑定的时候，我们就需要使用set了 2、set用法 解决数据没有被双向绑定我们可以使用 vm.$set 实例方法，该方法是全局方法 Vue.set 的一个别名。 th ......
nginx部署静态项目
nginx部署静态项目 一、安装nginx 1.安装nginx官方源 centos默认没有nginx官方安装源 rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarc ......
vue3引入bootstrap5的折叠菜单无效问题解决
问题：通过npm后者yarn安装bootstrap5后，在入口文件全局引入bootstrap5的js、scc，在vue组件引入折叠功能，点击可以正常展开，在点击无法收回 解决办法：可参考网上博主的建议，大概意思就是之前引入的js文件不对，导致收回方法没有执行  ```html // 父组件代码 // 子组件代码 {{ name }} props: { name: { type: String, default: "default", }, } ``` 子传父（自定义this.$emit） `` ......
uniapp-chatgpt跨端仿ChatGPT实例|uniapp+vue3+pinia多端聊天模板
基于uniapp+vite4+pinia跨多端实现chatgpt会话模板Uniapp-ChatGPT。 uni-chatgpt 使用uni-app+vite4+vue3+pinia+uview-plus等技术构建多端仿制ChatGPT手机端APP会话应用模板。支持编译到h5+小程序+APP端，支持渲 ......
vue的两种风格--选项式API
<script>export default { data() { return { count: 0 } }, methods: { increment() { this.count++ } }, mounted() { console.log(`The initial count is ${th ......
Vue2.x 基本认识四：路由
路由认识 概念 路由（route）就是一组（key -value）对应关系。多个路由由一个路由器（router）管理。 key 为路径，value 可能是 function 或 component 。 function 是后端路由，用于请求服务器获取数据。 component 是前端路由，用于展示页 ......
猿大师办公助手VUE网页在线打开编辑保存微软Office、金山WPS文档，并强制修改留痕。
很多OA的在线办公系统中，都需要多个人修改编辑Office文档，这样很容易版本混乱并且极易出错，如果这时候启用强制留痕并且启用留痕，就可以记录每个人的操作记录，方便文档管理，降低操作风险。 实现方法： 第一步：安装猿大师办公助手，下载地址：http://www.yuanofficer.com/xia ......
Pycharm 配置运行 Django 项目
[TOC] #### （1）配置Django路径 设置——>语言和框架（Django）： - 启用Django支持：勾选 - 选择Django项目根：Django工程路径 - 选择设置目录：一般在其子文件夹下 - 管理脚本：manage.py - 用于脚本文件的文件夹模式：migrations ![ ......
【Vue】Vue3+Vite 实现 SVG 组件自动加载 icons 目录下所有文件
## 1. 安装依赖插件 vite-plugin-svg-icons > vite-plugin-svg-icons 用于生成 svg 雪碧图。 > 特点： 1.预加载 在项目运行时就生成所有图标,只需操作一次 dom 2.高性能 内置缓存,仅当文件被修改时才会重新生成 [vite-plugin-s ......
Vue（九）：计算属性
现在有一个需求，输入姓和名将其拼接为全名，全名要求根据姓名实时变化。 下面是三种实现： 1.插值语法实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>姓名案例-插值语法实现</title> <script type="tex ......
vue3.0之axios使用
```js // 导入包 import axios from "axios"; // 使用示例 axios.post('发送请求地址', { 携带变量key1: 变量value1, 携带变量key2: 变量value2, }).then(response => { // 后端返回给前端的数据都在re ......
vue3.0之emit的使用
主要用于跨组件传输数据，emit可以调用父组件中的自定义函数。 # 使用方法 ```js let emit = defineEmits(['父组件自定义函数1', '父组件自定义函数2', '...']) // 调用父组件自定义函数的执行 emit('父组件自定义函数') ``` # 主要逻辑 1. ......
vue3.0之cookies的操作
# 安装 ```js npm install vue-cookies ``` ```js import VueCookies from 'vue-cookies' const cookies = VueCookies cookies.set('key值', '字符串或变量'， '7d') // 7d ......
vue编程-创建首页
1.将elementUI组件与sass组件依赖加入到对应json中 ```json { "name": "default", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "bu ......
本地git项目关联新仓库
>:pushpin: 解决的问题：对于本地git项目，删除现有git关联，然后关联到新创建的git仓库 1、先删除本地的项目和远程仓库的关联 2、初始化 3、远程仓库关联 4、git add . 5、git commit 6、git pull origin (分支) 7、git push origi ......
.NETCore项目在Windows下构建Docker镜像并本地导出分发到CentOS系统下
在Windows下使用Docker，我们选择Docker Desktop这个软件，非常方便。 ## Docker Desktop介绍及安装 Docker Desktop是适用于Mac、Linux或Windows环境的一键安装应用程序，使您能够构建和共享容器化应用程序和微服务。 它提供了一个简单的GU ......
项目集成redis实战
项目集成redis实战 1.进入到项目的tomcat配置文件中，修改redis服务器和密码 cd /usr/src/tomcat-pinter/webapps/WEB-INF/classes/ vi application.properties. 2.杀死tomcat进程，重启服务 3.重启服务 c ......
Leangoo领歌敏捷看板在敏捷项目管理中的应用
同时 Leangoo领歌 敏捷看板也支持需求进度统计管理等，基于管理者视角，让研发管理更轻松。www.leangoo.com ......