vue3的ref和reactive-Reactive函数
作用：定义一个对象类型的响应式数据（基本类型不要用它，要用ref函数）。 使用ref定义的响应式数据，在js中修改的时候必须加上.value；使用reactive定义的响应式数据，不用.value就可以进行修改，无论对象层级有多深，数组也可以直接用索引来修改。 语法：const 代理对象 = ...
Vue 常用修饰符
目录 定义 事件修饰符 v-on（缩写@） 鼠标按键修饰符 v-bind 修饰符（缩写:） 键值修饰符 表单修饰符 定义 修饰符是用于限定类型以及类型成员的声明的一种符号，vue 中修饰符分为以下五种：事件修饰符、鼠标按键修饰符、v-bind 修饰符、键值修饰符、表单修饰符 事件修饰符 v-on（...
vuex-- Vue.的中心化状态管理方案（vue 组件之间的通信简化机制）
vuex-- Vue.的中心化状态管理方案（vue 组件之间的通信简化机制）如果你在使用 vue.js , 那么我想你可能会对 vue 组件之间的通信感到崩溃 。vuex就是为了解决组件通信问题的。组件通信的本质其实就是在组件之间传递数据或组件的状态（这里将数据和状态统称为状态），但可以看到如果我们...
vue3项目 使用 element-plus 中 el-collapse 折叠面板
最近接触拉了一个项目，使用到 element-plus 中 el-collapse 折叠面板，发现在使用中利用高官网多多少少的会出现问题。 （1.直接默认一个展开值，发现时显时不显 2 . 数据渲染问题，接口请求了，页面数据不更新 3 样式问题，自定义表头title等等） 我们的数据结构是双数组，如...
vue 请求php接口 header 传自定义参数 提示cors 跨域问题
前端地址 http://192.168.0.125:4021 请求后端地址的时候报 from origin 'http://192.168.0.125:4021' has been blocked by CORS policy: Request header field userid is not...
vue--公告轮播
html: <div class="news" v-if="news.length > 0" ><ul class="marquee_list" :class="{ marquee_top : animate }"><li v-for="item in news"...
VUE识别图片文字OCR（tesseract.js）
效果:1： 效果图2： 一、安装tesseract.js npm i tesseract.js 二、静态页面实现 <template> <div> <div style="marginTop:100px"> <input @change...
Vue 3 项目构建与效率提升：vite-plugin-vue-setup-extend 插件应用指南
一、Vue3项目创建 前提是已安装Node.js（点击跳转Node官网） npm create vue@latest 这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示： ✔ Project nam...
vue系列之项目结构
参考地址：链接build webpack配置相关config webpack配置相关node_modules npm install 安装的依赖代码库src 存放项目源码static 存放静态资源.babelrc babel的一些配置，大部分浏览器是不能支持ES6的，所以通过babel转化成ES...
vue-router学习1：安装与基本用法
介绍 Vue Router 是 Vue.js 的官方路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得轻而易举。 功能包括： 嵌套路由映射动态路由选择模块化、基于组件的路由配置路由参数、查询、通配符展示由 Vue.js 的过渡系统提供的过渡效果细致的导航控制自动激活 CSS 类...
Three.js加载glb / gltf模型，Vue加载glb / gltf模型（如何在vue中使用three.js，vue使用threejs加载glb模型）
简介：Three.js 是一个用于在 Web 上创建和显示 3D 图形的 JavaScript 库。它提供了丰富的功能和灵活的 API，使开发者可以轻松地在网页中创建各种 3D 场景、模型和动画效果。可以用来展示产品模型、建立交互式场景、游戏开发、数据可视化、教育和培训等等。这里记录一下如何在Vue...
Vue 图片加载失败显示默认图片-方法二：通过@error方法加载默认图片
<img :src="img" @error="handleError" />export default { data() { return { img: '', // 访问图片的ip地址 defaultImg: '/...
Git使用和Vue项目
1、创建git排除文件，.gitignore2、READEME.md 和 LICENSE开源协议git init 创建仓库 ， git status 查看文件状态红色文件表示未提交。git add . 把文件提交到暂存区git commit -m "init my project" 推送到本地...
vue3推荐算法
Vue 3 推荐算法主要指的是在 Vue 3 框架中实现的或者适用于 Vue 3 的算法库或组件库。Vue 3 由于其优秀的设计和性能，被广泛应用于构建各种类型的应用程序，包括需要复杂算法支持的项目。以下是一些在 Vue 3 中可能会用到的推荐算法资源： Vue-Multiselect： Vue-...
Springboot+Vue项目-基于Java+MySQL的图书馆管理系统(附源码+演示视频+LW)
package com.controller;import java.util.Arrays;import java.util.Map;import org.springframework.beans.factory.annotation.Autowired;import org.springfra...
vue从入门到进阶：简介（一）
前言用了这么久的vue了，但是一直没有时间写个系列文章，现在抽一定时间总结下vue的知识点。首先，Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。下面总结的内容是在2.x的版本。安装直...
利用vue-router和compoment重构代码--踩坑（一）
业务主要功能获取所有的数据库列表点击某一个数据库列表的时候，右侧分页展示数据点击右侧某一条数据的时候，现实数据详情以下是之前的页面，存在以下问题：前段开发没有工程化（webpack）主要功能耦合，列表，详情，（检索，重构的是为了加功能方便）左侧的数据库链接是直接跳页的，分页的链接是跳页的，右侧点击的...
VUE项目使用.env配置多种环境以及如何加载环境
第一步，创建多个环境配置文件 Vue CLI 项目默认使用 .env 文件来定义环境变量。你可以通过创建不同的 .env 文件来为不同环境设置不同的环境变量，例如： .env —— 所有模式共用.env.local —— 所有模式共用，但不会被 git 提交，自动添加到.gitignore.env....
Vue学习目录
前面的话近年来，前端框架发展火热，新的框架和名词不停地出现在开发者眼前，而且开发模式也产生了一定的变化。目前来看，前端MVVM框架的出现给开发者带来了不小的便利，其中的代表就有Angular.js、React.js以及Vue.js。这些框架的产生使得开发者能从过去手动维护DOM状态的繁琐操作中解脱出...
vue2.0用法以及环境配置
一、配置环境搭建1.安装node.js (可以去官网看)2.安装git (推荐看廖雪峰文章，点击查看)3.安装vue：cmd：npm install vue //最新稳定版本npm install -g vue-cli //最新稳定版本vue init webpack my-project //创建...