PromisePromise是一种异步编程的解决方案,使回调更容易维护,更加优雅,避免了回调地狱,下面是一种最简单的例子,resolve会执行then,reject会执行catch,注意Promise要大写pending:等待状态,比如正在进行网络请求,或者定时器没有到时间。fulfill:满足状态,当我们主动回调了resolve时,就处于该状态,并且会回调.then()reject:拒绝状态,当
转载
2024-03-26 20:48:42
129阅读
问题昨天上班还运行得好好的,今天启动就报错了,无法进入系统。环境描述vue2+webpack,比较旧的框架。还引入了外部的以Cesium为基础封装的三维引擎。
入口除了main.js的app,还定义了现在遇到报错的xx变量。尝试删除node_modules和package-lock.json,重新npm install,无效;再次重启电脑,无效;清除浏览器缓存,清除cookies,无效;找报错代码
根据前几节课,相信大家都明白的vue的基本原理 能够实现vue响应及渲染 这如果还不清楚的 请看上几篇文章这节课 我们讲解vue中数据的响应实现 即vue中的观察模式 如果还不明白观察模式的 也请看我的文章详解js中观察模式和订阅发布模式的区别Dep(Dependency)功能收集依赖,添加观察者(watcher)通知所有观察者结构 下面是代码的基本实现// 要实现数据的响应机制 即数据变化 视图
本文演示代码是基于 Vue3 setup 语法。在入门阶段,我们需要掌握的是「是什么」、「怎么用」、「有什么注意」,基本就差不多了。1. reactive API 如何使用?reactive方法用来创建响应式对象,它接收一个对象/数组参数,返回对象的响应式副本,当该对象的属性值发生变化,会自动更新使用该对象的地方。下面以分别以对象和数组作为参数演示:import { reactive } from
# Vue 3 中 Axios baseURL 设置无效的解决方案
在使用 Vue 3 开发应用程序时,我们经常需要与后端 API 进行交互。Axios 是一个流行的 HTTP 客户端库,通常用来发送请求。在配置 Axios 时,设置 `baseURL` 是一个常见的需求,但有时可能会遇到 `baseURL` 设置无效的情况,导致请求失败或请求路径错误。本文将探讨这些问题,并提供解决方案。
#
原创
2024-10-22 04:41:52
271阅读
这其实是一个很常见的弹出层效果,鼠标点击按钮切换弹出层的显示,点击其他区域弹出层消失,用javascript绑定事件可能几行代码就搞定了,但是vue.js的状态驱动模式和javascript的事件驱动模式是不同的,下面是使用vue.js的实现方式:鼠标点击button会切换一个布尔值show,用show来控制弹出层的显示,而包裹着<transition>标签的弹出层在show的状态改变
项目中如果应用了常用的javascript类库,多数情况下,这些已经封装好的类库,都会封装一个类似于addClass和removeClass的方法,以便于我们对DOM节点的class进行操作。以jQuery为例: $(dom).addClass("a").removeClass("b"); 由于是封装好的方法,我们甚至都不需要检查需要操作的class在DOM中是否存在,用起来的感觉真的是不要太
转载
2024-04-07 13:33:47
570阅读
写在前面 时间真快,转眼又是新的一年。随着前后端技术的不断更新迭代,尤其是前端,在目前前后端分离开发模式这样的一个大环境下,交互性、兼容性等传统的开发模式已经显得有些吃力。之前一直用的是react,随着后面钩子的加入更让人爱不释手,但是整个团队需要更新技术,这里选择了更容易上手的Vue(这里的容易上手并没有歧义,指的是更容易适应),也相信Vue3.0发布后会更
转载
2024-05-25 20:22:20
120阅读
Vue是一个纯前端化的框架,它专注于做前端页面的展示,由于其作者尤雨溪严格按照SOC关注点分离的原则,所以在最初,作者开发出一个Vue-resource的组件,专门用于网络通信,后来发现axios更加适合Vue的网络通信,所以作者就停更Vue-resource的组件,而推荐使用axios来支持通信。关于axios,我们可以理解为它就是一个发送异步请求的工具。官方解释:Axios 是一个基于 pro
转载
2023-09-22 13:04:19
187阅读
vue.js源码replace方法/**
* Camelize a hyphen-delimited string.
*/
var camelizeRE = /-(\w)/g;
var camelize = cached(function (str) {
return str.replace(camelizeRE, function (_, c) { return c
转载
2024-07-22 14:22:11
35阅读
Failed to resolve component: hu-yu If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录一、环境配置。二、代理服务器配置。三、打包命令配置。 一、环境配置。1.在src同级目录下新建以下三个文件:注意:文件名是固定的不要自定义。 属性名必须以 VUE_APP_ 开头,如:VUE_APP_XXX vue 会根据启动命令自动加载相对应的环境配置文件。vue是根据文件名进行加载的,所以不要擅自更改。环境配置文件 &g
转载
2024-09-23 12:07:34
404阅读
挂载#app <div id="app"></div> <script src="../js/vue.js"></script> <script> Vue.createApp({ template: `<h2>你好啊, 李银河</h2>` }).mount("#app"); </script> 问题 ...
转载
2021-07-17 15:38:00
665阅读
2评论
原创
2023-07-27 21:47:21
10000+阅读
项目场景: 最近使用Vue开发一个新的项目,因为服务器还没到,调取后端本地接口,因为请求接口的时候没有跨域,就没开反向代理。后面就被一个很基础的东西踩了坑,就是 cookie的一些知识,记录一下,加深一下印象。问题描述: 联调过程中,发现调用登录接口之后,再去调其他接口,就会报登录状态失效,之前做了好久小程序的项目,突然遇到这种有点懵逼。 原因分析: 首先,出现这个问题,问了下后端,后端说是
转载
2024-01-28 14:16:15
284阅读
1.v-for: <ul> <li v-for="book in books"> <h3>{{ book.title }} - {{ book.author }} - {{ book.age }}</h3> </li> </ul> javascript: data() { return { book ...
转载
2021-09-11 22:45:00
651阅读
2评论
依赖安装npm install three如果有用 typeScript 安装npm install @types/three开始 建一个.vue文件 准备一个空的模板我们需要给生成的canvas准备一个容器<template>
<div id="three"></div>
</template>引入Threejs依赖<script l
转载
2024-03-11 16:02:08
332阅读
前言
...
目标
1 vue3的优势有哪些
2 如何创建vue3工程
graph LR
A[初始vue3] --> B[vue3带来了什么]
A --> C[如何创建vue3工程]
一 vue3带来了什么
从vue2到vue3一个大版本的升级,必然会有一些性能上的优化
性能提升和源码升级
性能提升
源码升级
打包大小减少
使用Proxy代替defineProper
原创
2024-07-21 09:24:38
146阅读
前言
...
目标
1 vue3的优势有哪些
2 如何创建vue3工程
graph LR
A[初始vue3] --> B[vue3带来了什么]
A --> C[如何创建vue3工程]
A --> D[如何引入vue3]
一 vue3带来了什么
从vue2到vue3一个大版本的升级,必然会有一些性能上的优化
性能提升和源码升级
性能提升
源码升级
打包大小减少
原创
精选
2024-08-05 15:03:53
230阅读