vue cli记录一次因三方依赖插件未进行bable编译造成的ie不兼容问题 因业务需求,vue项目中需要使用一个拖拽缩放插件vue-grid-layout 业务完成后客户需要兼容ie,微软宣布将于美国当地时间6月15日(北京时间6月16日),停止对IE( Internet Explorer)浏览器的所有支持和更新,为这款服务用户超过27年的浏览器画上句号。未来,将由微软推出的Edge浏览器接棒。
PromisePromise是一种异步编程的解决方案,使回调更容易维护,更加优雅,避免了回调地狱,下面是一种最简单的例子,resolve会执行then,reject会执行catch,注意Promise要大写pending:等待状态,比如正在进行网络请求,或者定时器没有到时间。fulfill:满足状态,当我们主动回调了resolve时,就处于该状态,并且会回调.then()reject:拒绝状态,当
转载 2024-03-26 20:48:42
129阅读
# Vue 3 和 TypeScript 的结合 ## 引言 Vue.js 是一个流行的前端框架,允许开发者轻松构建用户界面。自从 Vue 3 发布以来,它引入了一些新特性,尤其是对 TypeScript 的支持。TypeScript 是一种 JavaScript 的超集,添加了静态类型和其他特性,使代码更具可维护性。本文将带您了解如何在 Vue 3 项目中使用 TypeScript,并提供示
原创 7月前
102阅读
本篇文章主要介绍 v-model 在 Vue2 和 Vue3 中使用变化。 一、Vue2 中 v-model 的使用  v-model 是语法糖,本质还是父子组件间的通信。父子组件通信时有两种方式:父给子传值:通过 props子给父传值:通过 Events up,使用 $emit 触发事件。 1.1、父组件给子组件传值父组件代码<child :msg="msg" /> <sc
前言一般来说,Vue项目的错误主要可以归纳为三类:版本冲突、拼写的错误、语法错误。版本问题比较令人头疼,一般动一发而牵全身。而一般的拼写错误却时常会碰到,比如你页面不跳转了,可能是routes写成route或者直接拼错。或者有时component写成components。当你看见这篇博客时,先检查单词有没有拼错,有没有多加“s”或者少加“s”,有没有大小写弄错。1、vue结合Element-UI创
 如果您有疑问,请观看视频教程《Vue3实战教程》模板引用虽然 Vue 的声明性渲染模型为你抽象了大部分对 DOM 的直接操作,但在某些情况下,我们仍然需要直接访问底层 DOM 元素。要实现这一点,我们可以使用特殊的 ref attribute:template<input ref="input">ref 是一个特殊的 attribute,和&n
原创 9月前
117阅读
原理: 1. 单独新建一个全局变量模块文件,模块中定义一些变量初始状态,用export default 暴露出去。 2. 在main.js中引入,并通过Vue.prototype挂载到vue实例上面。供其他模块文件使用; 3. 或者直接引入到需要的模块文件中使用;项目目录步骤1、新建 global_variable.js文件,用于存放变量,示例如下:const baseURL = 'ww
promise—更加优雅的异步处理方案。也就是在promise中 进行异步请求 url等,用resolve这个函数 调用then,在then中进行对返回数据的处理。失败的时候调用 reject 然后会用.catch(err)对error进行处理。如下图:因为如果在promise中请求 并且处理,代码看起来会很乱。1.何时会用到?一般情况下 进行异步操作时,进行封装。2.有3种状态:promi
转载 1月前
377阅读
一、在新建项目目录src下utils文件夹新建fetch.js文件,此文件统一处理所有http请求和响应。直接上代码import axios from 'axios' import qs from 'qs' import store from '@/store' import router from '@/router' import { getToken } from './auth' impo
转载 2024-10-11 22:00:55
523阅读
目录前提 目录 prompt.js 文件 request.js文件api.js文件引用前提 vue3vue2axios封装差不多,对报错信息做了封装,错误处理进行了改进。目录  utils  - request.js  axios封装  - api.js  接口文件 -&nbs
在这篇博文中,我将与大家分享如何在 Vue 3 中通过 Axios 引用 JSON 数据的过程。随着 Vue 3 的发布,许多人已经开始在新的项目中迁移至这个版本,Axios 作为一个流行的 HTTP 客户端,其用法也随之更新。在进行迁移和兼容性处理的过程中,我们会介绍一些实战案例,并排错以确保开发的顺利进行,让我们开始吧。 ## 版本对比 在 Vue 2 和 Vue 3 中,关于 Axios
原创 5月前
62阅读
今天在公司入职第二天,昨天拉下来的代码没有跑起来,看了各种博客也没有解决这个报错今天一大早来公司,捋了一下顺序 ①删除要启动项目里的 node_modules 文件夹,这是vue项目的依赖包。因为“node_modules”文件夹太大,一般不会打包上传到svn、git上的,所以没有这个文件夹就不用删。②删除package-lock.json。 package-lock.json记录了整个
这个实现可以无限扩展层级,每个节点都可以添加子节点,形成复杂的树形结构。你可以根据需要扩展节点属性,添加更多交互功能。
原创 2月前
91阅读
# 利用 Axios 在 Vue 3 中进行 HTTP 请求 在现代web开发中,前端框架和库层出不穷,而 Vue.js 作为热门的前端框架之一,在开发中常常需要与后端进行数据交互。Axios 作为一个简易的 HTTP 客户端库,能够让这种交互变得更加顺畅且方便。本文将为大家介绍如何在 Vue 3引用和使用 Axios,配合实际代码示例来帮助你理解。 ## Axios简介 Axios 是
原创 2024-09-08 06:20:43
74阅读
DVA整合reducer,initialState、action、sagaapp.model({ namespace: 'products', state: { list: [], loading: false, }, 在dom ready之后运行 subscriptions: [ function(dispatch) { dispatc
这是一个使用Vue 3 Composition API实现的递归树组件。主要功能包括:1) 通过递归渲染子节点实现树形结构;2) 每个节点提供"添
原创 1月前
56阅读
一、前言要学习vue-router就要先知道这里的路由是什么?为什么我们不能像原来一样直接用<a></a>标签编写链接哪?vue-router如何使用?常见路由操作有哪些?等等这些问题,就是本篇要探讨的主要问题vue-router二、vue-router是什么这里的路由并不是指我们平时所说的硬件路由器,这里的路由就是SPA(单页应用)的路径管理器。再通俗的说,vue-ro
一、Vue的引入方式1.1 方式一:CDN地址<script src="https://unpkg.com/vue@next"></script>1.2 方式二:下载vue.js后在本地引入1)官方下载地址https://v2.cn.vuejs.org/v2/guide/installation.html2)本地引入假设下载的vue.js文件被放在当前目录的lib目录下&l
# Vue 3 中单个页面引用 jQuery 的方法 在现代的前端开发中,Vue.js 作为一个流行的框架已被广泛应用。然而,有时我们仍然需要使用 jQuery 这个老牌的 JavaScript 库来实现一些简单的 DOM 操作或处理。一些开发者可能会问,是否可以在 Vue 3 的单个页面中引用 jQuery?答案是肯定的,下面我们将通过示例代码来演示如何实现这一点。 ## 1. 安装 jQu
原创 2024-09-11 04:01:26
290阅读
场景:使用vue create脚手架快速搭建vue的项目前提:需要安装node.js和cnpm以及yarn 并且cnpm需要设置为淘宝镜像,cnpm和yarn安装教程网上很多可以自行搜索1.使用dos命令安装vue-cli脚手架//这个是从镜像源下载 cnpm install -g @vue/cli查看安装的版本(显示版本号说明安装成功)vue --version2.使用vue create命令搭
转载 10月前
266阅读
  • 1
  • 2
  • 3
  • 4
  • 5