vue基础语法第10页

Javaweb学习之Vue_Axios网络请求（七）

认识AxiosAxios是一个流行的JavaScript库，用于简化HTTP请求的发送和处理。它基于Promise的概念，使得HTTP请求和响应处理更加直观和易于管理。Axios可以在浏览器和Node.js环境中使用，主要用于从客户端向服务器发送请求并接收响应。主要特点基于Promise：Axios返回的请求和响应都是Promise对象，使得异步操作更加简单和直观，便于使用async/await语

不要数手指啦·2024-09-06 06:56

【前端Vue】06 - VueCLI 脚手架

1.VueCLI介绍CLI是Command-LineInterface,翻译为命令行界面,但是俗称脚手架。

itlu·2024-09-06 06:50

一步一步教你搭建monorepo项目架构

highlight:githubtheme:juejinpnpmworkspace实践项目架构采用pnpmworkspace+changelog+huskygithub示例地址1-Vue+Nest全栈模版

画一个圆_·2024-09-06 05:18

基于Vue3.X + Typescript实现的在线PPT制作工具，开源！

嗨，大家好，我是徐小夕。之前一直在社区分享零代码&低代码的技术实践，也陆陆续续设计并开发了多款可视化搭建产品，比如：H5-Dooring（页面可视化搭建平台）V6.Dooring（可视化大屏搭建平台）橙子6试卷（表单搭建引擎）Nocode/WEP文档知识引擎最近在研究办公三件套（WPS），打算做个纯WEB版本的，偶然在github上发现了一款非常有意思的开源项目，它模仿了Office的PPT制作模

徐小夕@趣谈前端·2024-09-06 05:17

vue-cli创建uni-app引入uni-ui

1.全局安装脚手架npminstall-g@vue/cli2.创建uni-app项目vuecreate-pdcloudio/uni-preset-vuemy-project3.引入uni-ui框架//安装

某公司摸鱼前端·2024-09-06 04:42

前端组件库自定义主题切换探索-01-方案借鉴与思路参考

探索原因背景首先自然是项目有需求，这是必须去做的原因其次，是我们项目没有直接使用市面上现成的基于element-ui或者ant-design的第三方UI框架，比如avue，而是有着自己的UI组件库第三，

东扯葫芦西扯瓜·2024-09-06 03:09

VUE Uncaught (in promise) Error: Network Error vue项目中net::ERR_CONNECTION_TIMED_OUT错误

前台修改axios\axios.interceptor.js,duration:300000000000,{Message({message:"请求超时,请检查本地或服务器网络情况!",type:"error",duration:300000,showClose:false,customClass:"el-message--error-custom",dangerouslyUseHTMLStrin

一入程序无退路·2024-09-06 03:08

前端系列-9 Vue3生命周期和computed和watch

背景本文介绍Vue3的生命周期和钩子函数，鉴于篇幅允许以及防止前端文章过于分散，因此将watch和computed部分之前的学习笔记也整理到本文中。这三部分是三个知识点。

Ewen Seong·2024-09-06 03:36

vue 项目打包图片没有打包进去问题解决

解决方法1.在导入图片的文件中通过import引入图片这种方法只适合图片少的情况importtestImgfrom'@/assets/img/testImg.png'2.封装公共方法,通过newURL()的方式获取图片constgetImg=(url:string)=>{returnnewURL(`../assets/img/${url}`,import.meta.url).href;};cons

kidding723·2024-09-06 02:00

uni-app基础框架搭建（vue3+ts+vite）

1.基础准备uni-app官网uni-app,uniCloud,serverless,环境安装,创建uni-app,自定义模板,国内特殊情况,更新依赖到指定版本,运行、发布uni-app,运行并发布快应用,运行并发布快应用(webview),运行并发布快应用(webview)-华为,cli创建项目和HBuilderX可视化界面创https://uniapp.dcloud.net.cn/quicks

LB_bei·2024-09-06 01:24

vue 响应拦截器；请求拦截器

第一步:安装axiosnpmiaxios第二步:新建src/utils/request.js模块//通用接口调用模块importaxiosfrom'axios'importstorefrom'@/store'importrouterfrom'@/router'//接口调用基准路径exportconstbaseURL=''//创建一个独立的实例对象constinstance=axios.create

辛娟娟·2024-09-06 01:49

uni+vue3请求响应拦截器(js/ts)

一、uni+vue3+js请求响应拦截器新建utils文件夹，下面新建request.jsletbaseUrl='http://域名:端口'exportdefault{request(options){

web_Bennu·2024-09-06 00:16

2024年刚刚翻新前端vue面试题

1、vue中常用的指令及作用？

江湖二哥·2024-09-06 00:14

Vue3封装的请求拦截

importaxiosfrom"axios";constinstance=axios.create({baseURL:'http://127.0.0.1:8888/api/private/v1/',//工作时把地址替换后端的地址timeout:3000,//工作时把端口号替换后端给的端口号headers:{'X-Custom-Header':'foobar'}});//添加请求拦截器instanc

Web_Lxz·2024-09-05 23:10

计算机毕业设计SSM_Vue宠物商城系统【代码讲解+安装调试+文档指导】

心愿：点赞收藏⭐评论文末获取源码联系技术选型spring、springmvc、mybatis、vue、elementUI、LayUI、mysql、tomcat8.5、jdk1.8数据库表结构14张开发工具

计算机毕业设计_吉哥·2024-09-05 23:48

Vue3通用请求响应拦截器与请求方法封装

文章目录请求响应拦截器：请求拦截器响应拦截器：错误处理统一请求封装：请求响应拦截器：请求拦截器向请求头中添加tokenimportaxiosfrom'axios'import{getToken,removeToken}from'@/utils/cookie'import{useUserStore}from"@/store/moudel/user.js";//保存在本地的数据importmodalf

@泽栖·2024-09-05 23:07

搭建一个组件库（vue3）

1.Monorepo（单仓库，多项目）作用:在一个项目里面管理多个模块，并且互不干扰npminstallpnpm-g2.初始化package.jsonpnpminit3.新建配置文件.npmrc//扁平化依赖解决幽灵依赖的问题shamefully-hoist=true4.新建pnpm-workspace.yaml仿照elemen-uipackages:-'packages/**'-'example

yu_zhili·2024-09-05 22:04

vue cli4跨域问题的解决

在开发环境下可以前端配置devServer解决跨域问题在package.json同级目录下新建一个vue.config.js文件，配置如下代码module.exports={devServer:{overlay

卟噜卟噜叭·2024-09-05 22:14

vue数据双向绑定的实现原理

vue实现双向数据绑定的原理就是利用了Object.defineProperty()这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的。

叮叮当1016·2024-09-05 22:14

vue3 动态组件component不生效问题

问题：vue3循环渲染动态组件component不生效，页面空白在vue3使用component动态组件展示组件时，组件就是不展示显示空白。

技术钱·2024-09-05 22:30

高德地图使用vue-amap开发页面刷新地图空白

使用vue-amap地图开发的时候，刷新页面地图就不显示了。因为刷新的时候AMapUI没有加载出来导致地图显示空白。

技术钱·2024-09-05 22:00

vue+ckeditor5图片视频上传

1.安装ckeditor5提供三种方法安装npm、CDN和下载ZIP文件到项目中，这里就使用了npm安装具体看官网文档ckeditor5官网。安装命令npminstall@ckeditor/ckeditor5-build-decoupled-document--save卸载命令npmuninstall@ckeditor/ckeditor5-build-decoupled-document--sav

技术钱·2024-09-05 22:29

vue element el-date-picker日期选择器选择时间区间

1.在项目中使用到了element日期选择组件，选择日期区间最大为6个月之前是让不在这区间给限制不让选择html部分js部分exportdefault{pickerOptions:{......disabledDate:(time)=>{//查询时间跨度为31天letbaseDate=newDate('2020-01-01').getTime()if(this.minDate){letrangeM

技术钱·2024-09-05 22:29

monorepo搭建项目

7081440800143310884安装pnpmmonorepo的项目，限制只能使用pnpm如果已经安装了pnpm可以跳过此步骤安装pnpm命令：npmipnpm-g初始化项目首先新建一个文件夹，名为vue3

讨口子·2024-09-05 22:59

vue可拖拽移动放大缩小的弹框组件

完成一次拖放的事件过程是：dragstart–>dragenter–>dragover–>drop–>dragend下面是HTML5的拖拽事件dragstart：开始拖元素触发，作用于拖拽元素dragenter：元素拖进可drop元素（绑定drop事件的元素）时触发，作用于目标元素dragover：当元素拖动到drop元素上时触发，作用于目标元素drop：当元素放下到drop元素触发，作用于目标元

dogface07·2024-09-05 19:13

vue自定义组件如何挂载到body上

vue自定义组件如何挂载到body上1.创建组件实例2.vue规定不能直接挂在到bodyhtml的跟节点上去3.vm.

dogface07·2024-09-05 19:13

【陪诊系统-PC管理端】vuex数据持久化实现

究其根本，这是因为vuex中保存的数据不具有持久化，每次刷新会重建vue实例，而store是挂载是vue实例上的，所以刷新后state中的数据会被重新初始化。

Zheng113·2024-09-05 19:38

JavaScript常用前端框架和库浅谈_前端框架设计-js

Vue.js：Vue.js是一个轻量级的JavaScript框架，用于构建用户界面。它采用了组件化的开发模式，类似于React。Vue.js的核心概念包括组件、指令和响应式数据等。

2401_84435885·2024-09-05 18:06

【vue3】探讨为什么ref()换为reactive()数据不再是响应式？

原问题：本来想使用数组中的filter方法，原来用的是lettableData=ref([])然后发现Ref上不再filter属性，所以就换成了lettableData=reactive([])但是这样有了一个新问题就是：数据加载不出来了，代码如下//获取文章列表数据lettableData=reactive([])functiongetArt(){getArticles().then((resp

逆旅行天涯·2024-09-05 17:26

怎么解决在vue3中watch不及时更新

解决方案1：在processChunk函数中更新questionList.value后再更新questionid.value和firstsendId.value通过调整questionid.value和firstsendId.value更新的位置，我们可以确保它们的值在更新questionList.value之前就已经准备好：constprocessChunk=(chunk:any)=>{if(p

不知名的小Q·2024-09-05 17:53

vue2的缺陷

下班回家的途中,一个问题困扰我很久,在vue2中为什么不能给对象直接赋值?若是使用其他的的api又觉得麻烦,于是就有了这篇博客!!!

nz一只肥猫·2024-09-05 17:52

vue3缺陷

Vue3的一些缺陷包括：1.兼容性问题：由于Vue3使用了新的响应式系统，与Vue2的代码不兼容。这意味着在迁移现有项目时需要进行一些改动。

不知名的小Q·2024-09-05 15:47

Uniapp小程序分包

注：只拿uniap开发的小程序举例，mpvue略有差异1.首先在pages文件目录下创建pagesA文件（这里拿order页面举例），正常的order文件在pages文件下2.现在分包的话，就在pagesA

周bro·2024-09-05 15:15

nginx 解决vue打包后显示404静态图片无法显示的问题

//刷新后显示404location/{try_files$uri$uri//index.html;}//静态图片或者cssjs文件目录location/assets/{root/assets;}

初遇你时动了情·2024-09-05 15:44

类似《东郊到家》的APP小程序软件系统源码

以下是对这类系统源码的详细解析，包括技术框架、功能模块及新增特性等方面：一、技术框架前端：使用Vue和uniapp框架进行开发，Vue提供了组件化的开发模式，而uniapp则支持多端编译，包括小程序、H5

I592O929783·2024-09-05 14:10

SpringBoot(SSM)+Vue二手交易平台校园二手跳蚤市场Java（code&LW）

基于ssm(springboot)+vue的前后端分离项目，数据库采用mysql。

Java学长-kirito·2024-09-05 13:02

Django+Vue协同过滤算法图书推荐系统的设计与实现

目录1项目介绍2项目截图3核心代码3.1需要的环境3.2Django接口层3.3实体类3.4config.ini3.5启动类3.5Vue4数据库表设计5文档参考6计算机毕设选题推荐7源码获取1项目介绍博主个人介绍

赵广陆·2024-09-05 13:31

Django+Vue家居全屋定制系统的设计与实现

目录1项目介绍2项目截图3核心代码3.1需要的环境3.2Django接口层3.3实体类3.4config.ini3.5启动类3.5Vue4数据库表设计5文档参考6计算机毕设选题推荐7源码获取1项目介绍博主个人介绍

赵广陆·2024-09-05 13:31

vue调起微信支付，vue获取openid

vue调起微信支付vue获取code、openidvue调起微信支付//微信调起weixinPay:function(){if(typeofWeixinJSBridge=="undefined"){//

吴小雨·2024-09-05 12:54

Vue3 中的响应式系统：深入理解 Proxy API

在Vue3中，响应式系统的核心是通过使用ES6中的ProxyAPI来创建数据的代理，从而拦截对象属性的读取和设置操作。这使得框架可以在属性被访问或修改时执行额外的操作，例如触发视图更新。

Rverdoser·2024-09-05 11:51

淘宝将全面接入微信支付；苹果陷接班人危机，库克挽留多位资深高管；Vue 3.5正式版发布 | 极客头条

「极客头条」——技术人员的新闻圈！CSDN的读者朋友们好，「极客头条」来啦，快来看今天都有哪些值得我们技术人关注的重要新闻吧。整理|郑丽媛出品|CSDN（ID：CSDNnews）一分钟速览新闻点！淘宝、天猫发公告称，计划接入微信支付苹果客服回应苹果税抽佣30%：建议通过电脑端充值三星电子回应中国销售部门裁员：必要的业务调整和人员优化京东方回应苹果将彻底放弃LCD传闻：对单一客户具体合作信息不予回应

极客日报·2024-09-05 11:48

《Vue 3 中的 Pinia：全面解析与使用教程》

NMY112·2024-09-05 10:43

Vue3项目引入.ts文件报错：An import path can only end with a ‘.ts‘ extension when ‘allowImportingTsExtensions‘

Animportpathcanonlyendwitha‘.ts’extensionwhen‘allowImportingTsExtensions’isenabled.ts-plugin(5097)这个错误消息表明在TypeScript项目中，当allowImportingTsExtensions未启用时，导入路径不能以.ts扩展名结尾。解决方案启用allowImportingTsExtension

fishmemory7sec·2024-09-05 10:10

【Vue 入门】使用 Vue2 开发一个展示项目列表的应用

前言一直没有找到一个合适的展示个人项目的模板，所以自己动手使用Vue写了一个。

zhangjk1993·2024-09-05 10:37

4.4 Sensors -- useDevicePixelRatio

4.4Sensors–useDevicePixelRatiohttps://vueuse.org/core/useDevicePixelRatio/作用动态追踪devicePixelRatio的变化。

weixin_mouren·2024-09-05 09:05

4.2 Sensors -- onKeyStroke

4.2Sensors–onKeyStrokehttps://vueuse.org/onKeyStroke作用监听键盘按键是否被点击官方示例监听一个按键import{onKeyStroke}from'@vueuse

weixin_mouren·2024-09-05 09:35

1.4 State -- useStorage

1.4State–useStoragehttps://vueuse.org/core/useStorage/作用创建一个能访问和修改LocalStorageorSessionStorage的响应式变量。