vue svg
Vue3 - 实现文本复制粘贴功能
1.安装库并导入 npm i vue-clipboard3 --save 2.在需要的前端文件中导入 import clipboard3 from 'vue-clipboard3' html结构如下 <template> <div class="hello"> <input type="text" ......
JAVA的springboot+vue家乡特色推荐系统,附源码+数据库+论文+PPT，适合毕业设计、课程设计
**1、项目介绍** 在Internet高速发展的今天，我们生活的各个领域都涉及到计算机的应用，其中包括家乡特色推荐的网络应用，在外国家乡特色推荐系统已经是很普遍的方式，不过国内的管理网站可能还处于起步阶段。家乡特色推荐系统采用java技术，基于springboot框架，mysql数据库进行开发，实 ......
Vue 开发环境搭建
## 1 安装环境 ### Node.js js的运行环境，相当于 java 的 jvm 官网：https://nodejs.org/en，下载最新稳定版 `18.16.0 LTS`，双击安装即可 自动安装了npm，终端验证： ```bash C:\Users\Administrator>node ......
vue 路由懒加载
VUE路由的懒加载，官网是这样说明的： 当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就会更加高效。 Vue Router 支持开箱即用的动态导入，这意味着你可以用动态导入代替静态导入 ......
前端Vue加载中页面动画弹跳动画loading
#### 前端Vue加载中页面动画弹跳动画loading， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13091 #### 效果图如下： 
一，复制svg 在开发者工具中，选中要复制的svg然后在svg上右键->copy->copy element 二，保存成文件 在sublime或其他编辑工具中粘贴， file->save->保存成wordpress.svg 注意：此处的width/height 两项可以按自己的需求修改 说明：刘宏缔 ......
前端Vue分享菜单按钮弹框、微博分享、QQ分享、微信好友、朋友圈
#### 前端Vue分享菜单按钮弹框、微博分享、QQ分享、微信好友、朋友圈 ， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13085 #### 效果图如下： #### ![](https://p3-juejin.byteimg ......
vue学习笔记二
四，vue中的AJAX 比较了各种AJAX的方式，xhr，jQuery，fetch,综合考虑都不好，直接就G了，xhr学过，fetch了解过，jQuery听说过，结果最后表示要用axios。。。点个海克斯“考前恶补”。 1.配置代理 <template> <div> <button @click=" ......
使用 Vue.js 的 CDN（内容分发网络）来添加 Vue.js
在您的 HTML 文件中添加 script 标签，并指定 Vue.js 的 CDN 地址。通常可以通过在 <head> 标签或 <body> 标签的底部添加该标签来加载 Vue.js。 下面是一个常用的 Vue.js CDN 地址： <script src="https://cdn.jsdelivr ......
前端Vue非常简单实用商品分类展示组件 侧边商品分类组件
#### 前端vue非常简单实用商品分类展示组件 侧边商品分类组件 ， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13084 #### 效果图如下： ，该组件的style中的样式，优先级低，不生效，这个时候需要使用样式穿透(作用得更深)。 `vue`中针对不同的样式类型(`css`,`les ......
vue封装axios的方式（三）
# vue封装axios的方式（三） 与第二种封装基本相同，不同之处在于api的处理格式 ```js // 引入axios import axios from 'axios' // 引入qs模块，对数据进行序列化 import QS from 'qs' // 引入message模块，toast提示 ......
vue封装axios的方式（一）
# vue封装axios的方式（一） 直接将下面代码复制在request.js中，封装了get，post请求， **需要自己配置的是：** **自己的请求地址，tokenKey是否为token，改为自己存入本地的token名，** ```js /**axios封装 * 请求拦截、相应拦截、错误统一处 ......
vue封装axios的方式（二）
# vue封装axios的方式（二） 创建`utils\request.js` ```js import axios from 'axios' import { Message, MessageBox } from 'element-ui' //导入element-ui组件库 // 创建axios的 ......
vue3+vite+web3.js报错ReferenceError: process is not defined
在vite最新版本中使用web3会报错只需要在vite.config.ts添加如下代码即可解决报错 import { fileURLToPath, URL } from 'node:url' import { defineConfig } from 'vite' import vue from '@ ......
Vue2.0计算属性的实现
说一下整体思路: 在初始化的时候会给每一个计算属性都创建一个相对于的wathcer对象,然后这个watcher对象在创建的时候都会传入三个参数,第一个是vm实例对象,第二个就是在外面封装好的一个函数,这个函数主要是用于拿值,就是自己在外面写的return里面的值.第三个是一个对象,{lazy:t ......
vue-json-viewer 展示json数据
# vue-json-viewer 展示json数据 当项目需要再网页中展示原始的json数据的时候，我们期望能够对json进行格式化展示，并且能够进行展开和折叠。vue-json-viewer可以帮助我们实现这样的功能。 ## 1. 安装 ```bash $ npm install vue-jso ......
使用Docker将Vite Vue项目部署到Nginx二级目录
将使用Vite创建的Vue项目打包，并以二级目录方式部署到Nginx，同时设置代理地址。需要注意静态资源路径，路由模式等问题。 ......
解决vue2中methods写的方法无法使用箭头函数
1.情况：在method写递归函数，函数内使用了this.变量，报错变量为undefined，原因是function内this指向改变，因改写为箭头函数，使其this不被改变， 但是methods内又无法写箭头函数 2.解决：使用var获取this，供函数内使用 ......
VUE
vue //注册全局组件// import TitleHeader from '@/vcomponent/TitleHeader'// Vue.component(TitleHeader)// Vue.component("TitleHeader",TitleHeader) auto-complet ......
前端Vue仿滴滴打车百度地图定位查找附近出租车或门店信息(更新版)
#### 前端vue仿滴滴打车百度地图定位查找附近出租车或门店信息, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12982 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos- ......
Vue全局过滤器的使用以及在template三元运算符中内使用过滤
新建filters.js如下，内容过滤可以自己写函数，记得export 导出 import dayjs from "dayjs"; // 转小写 let lower = value => value.toLowerCase(); // 转大写 let upper = value => value.t ......
基于uniapp+vite4+vue3搭建跨端项目|uni-app+uview-plus模板
最近得空学习了下uniapp结合vue3搭建跨端项目。之前也有使用uniapp开发过几款聊天/仿抖音/后台管理等项目，但都是基于vue2开发。随着vite.js破局出圈，越来越多的项目偏向于vue3开发，就想着uniapp搭配vite4.x构建项目效果会如何？经过一番尝试果然真香~ 版本信息 HBu ......
vue链接 sse 接口 实现实施通讯
sendSSEMessage(){ fetch( 'http://152.xxx.xx.76:xxxxx/api/v1/chat/message/send?prompt=什么是Python&chat_session_id=1', { headers: { token:"abbb78cbbdde172 ......
java基于springboot+vue的网吧管理系统，附源码+数据库+论文+PPT，适合课程设计、毕业设计
**1、项目介绍** 随着信息技术和网络技术的飞速发展，人类已进入全新信息化时代，传统管理技术已无法高效，便捷地管理信息。为了迎合时代需求，优化管理效率，各种各样的管理系统应运而生，各行各业相继进入信息管理时代，网吧管理系统就是信息时代变革中的产物之一。 任何系统都要遵循系统设计的基本流程，本系统也 ......
vue3:vue+nginx+php进行服务端部署的配置(nginx/1.18.0 / vue@3.2.37)
一，开发环境中的配置: 1,前端:vue的vue.config.js const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, p ......
vue实现点击按钮一键复制功能
点击复制按钮后，将内容一键复制下来，不用去选中复制 第一种直接使用js方式： <div class="mask-cont"> <p><input id="input" /></p> <button class="btns" @click="copyToClip">复制</button> </div> ......
vue-文字转语音
### vue #### SpeechSynthesisUtterance监听事件 onstart 开始合成 onend 合成结束 onerror 合成错误 onpause 暂停 onresume 恢复暂停 onboundary 在句子或单词边界 ```html --> {{text}} --> ` ......
【vue】vue全家桶是什么？
Vue全家桶一般来说包括项目构建工具vue-cli、路由管理器vue-Router、状态管理模式vuex、网络请求库Axios、ui框架、打包工具webpack，下面我们分别介绍。 1. 项目构建工具：vue-cli Vue.js+webpack的项目模板。Vue cli提供了强大的功能，用于定制新 ......