1.路由:就是指向的意思。以搭建好的vue-cli3.0 页面来说：当点击页面上的Home按钮，页面中就要显示home组件的内容，如果点击页面上的about按钮，页面就要显示about组件的内容。所以，过程是这样的点击Home按钮 => Home内容显示点击about按钮 => about内容显示这，也可以说是一种映射关系，所以页面上有两个部分，一个是点击部分，一个是点击后显示的部分路
目前在做一个后台管理系统，项目要求在页面右上角加上一个刷新图标按钮，点击按钮时刷新页面。 对于页面刷新个人知道这几种方式 1.利用vue的路由跳转： this.$router.go(0) 这种方式的刷新方式利用了路由特性，优点很明显，方便。一行代码即可搞定，但是呢，缺点也很致命：页面会一瞬间的白屏，体验不是很好。在当前的项目需求中不适合 2.location对象的reload方法： locatio
转载
2024-02-21 21:07:23
134阅读
1、Web开发和前端工程师定义Web开发，就是架构在万维网（WWW）上的网站应用程序的开发。传统的PC应用程序是Client/Server模式的，应用程序的逻辑存储和运行在桌面上，只有数据库运行在服务器端。而网站应用是Browser/Server模式的，它的程序和数据都是储存在服务器端的，在用户通过浏览器访问网站的时候，服务器就把浏览器端的逻辑和UI传输到浏览器中去运行。简单讲，前端工程师就是负责
使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。官方文档： https://router.vuejs.org/zh-cn/essentials/getting-started.html 有很多朋友找我要 demo，但是博客中的这个案例被我删掉了，我只好随手写了一个超简单的 de
一、Promise 概念Promise 是一个构造函数，new Promise() 可以得到一个 Promise 实例对象，它是一个异步操作，可以用来执行一些异步操作（异步操作不能直接 return 接收执行结果，只能通过回调来接收）。回调函数
resolve()：成功之后调用的回调函数
reject()：执行失败调用的回调函数实例对象/方法Prototype 属性有一个 .then() 方法，它
转载
2024-03-27 20:50:03
973阅读
function generateRoutes() {
return new Promise<RouteRecordRaw[]>((resolve, reject) => {
MenuAPI.getRoutes()
.then((data) => {
const dynamicRoutes = parseDynamic
目录前言使用resolve 前言【vue-router源码】系列文章将带你从0开始了解vue-router的具体实现。该系列文章源码参考vue-router v4.0.15。该篇文章将介绍router.resolve的实现。使用router.resolve方法返回路由地址的标准化版本。router.resolve('admin')
router.resolve({ path: '/admin'
vue前端优化问题1. 困扰2. 解决方案1. vue-router使用懒加载2. 去除 .map 文件3. 压缩音频、图片等静态资源文件，这里以压缩音频为例4. 可以用gzip压缩 1. 困扰打包之后文件过大，很影响体验感，部署过后第一次访问网站需要好久的时间。还有一个问题，我发现浏览器加载资源文件时是同步加载的，而且是先加载音频文件再加载js文件，因为我用了一段4MB大小的音频，导致js文件
转载
2024-09-06 19:10:45
30阅读
Vue-resource在实际开发 SPA 应用时，一般和后端都会采用异步接口进行数据交互。传统情况下，我 们常用 jQuery 的 $.ajax() 方法来做异步请求。但 Vue.js 并不依赖于 jQuery，我们也并不需 要为了异步请求这个功能就额外引用 jQuery。所以这里就和大家介绍下 Vue.js 的插件 Vue- resouce，它同样对异步请求进行了封装，方便我们同服务端进行数据
转载
2024-06-19 07:42:54
60阅读
Vue语法promise 的使用Promise构造函数的参数是一个函数，函数里面的代码是异步的，即Promise里面的操作，和Promise()外面的操作时异步"同时"进行的。Promise中的函数的第一个参数是回调函数，resolve用来触发then里面的代码，第二个参数是回调函数，reject用来触发catch中的代码，throw new Error();也可以触发catch，<scri
转载
2024-06-28 19:11:00
500阅读
使用@路径引用在vue3中，想用@符号代替./…/这种相对路径引用使用， 前者相当于从根目录往后找，后者相当于从后往前找。具体方法就是在vite.config.js中import { resolve } from "path"
export default defineConfig({
plugins: [vue()],
resolve: {
// ↓路径别名，主要是这部分
转载
2024-06-04 19:33:06
64阅读
1.resolve参数作用 解析：Promise对象代表一个异步操作，有三种状态：Pending[进行中]、Resolved[已完成，又称Fulfilled]和Rejected[已失败]。通过回调里的resolve(data)将这个promise标记为resolverd，然后进行下一步then((data)=>{//dosomething})，resolve中的参数就是要传入then的数据。
转载
2024-04-28 21:36:58
46阅读
目录一、认识Promise1.什么是Promise？2.网络请求的回调地狱二、Promise基本使用1.定时器的异步事件2.定时器的异步事件解析3.Promise三种状态三、Promise链式调用1.Promise链式调用2.链式调用简写四、Promise的all方法 一、认识Promise1.什么是Promise？2.网络请求的回调地狱多层嵌套不易维护，通常称为回调地狱二、Promise基本使
转载
2024-04-06 20:42:50
400阅读
vue cli记录一次因三方依赖插件未进行bable编译造成的ie不兼容问题 因业务需求，vue项目中需要使用一个拖拽缩放插件vue-grid-layout 业务完成后客户需要兼容ie，微软宣布将于美国当地时间6月15日（北京时间6月16日），停止对IE（ Internet Explorer）浏览器的所有支持和更新，为这款服务用户超过27年的浏览器画上句号。未来，将由微软推出的Edge浏览器接棒。
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。 我们可以访问其官方网站对其进行学习：https://router.vuejs.org/zh/vue-router是基于路由和组件的路由用户设定访问路径的，将路径和组件映射起来。 在vue-router的单页面应用中，页面的路径的改变就是组件的切换1、vue安装npm install vue-r
转载
2024-10-08 18:19:37
156阅读
通过vue-cli来创建vue+webpack的项目时，已经有很多都配置好了，但是路径方面为了方便开发，还可以优化。 1. resolve.extensions 在webpack.base.conf.js中，我们可以看到resolve配置，其中的extengsions是一个数组，如下所示： 通过这样
转载
2017-05-18 00:51:00
320阅读
2评论
安装需要在导入vue之后再引用，因为vue-resource需要依赖vue。 vue向document中挂载了一个vue对象，而vue-resource则在vue中挂载了$http.调用方法<script type="text/javascript" src = "./vue.js"></script>
<script type="text/javascript" s
转载
2024-09-14 07:49:49
103阅读
ERESOLVE unable to resolve dependency tree这样的关键字，这是npm版本的依赖冲突的提示使然，那么npm：何时使用--force和--legacy-peer-deps？
原创
2022-03-05 14:41:44
120阅读
近期有新项目开发，使用vue-cli3.7 进行项目构建，形式上跟vue-cli2.x 区别还是蛮大的。最主要的就是生成的项目中，进行webpack配置的文件没有了。这是因为在这个版本的cli中，作者将绝大部分相同的webpack配置，已经封装到cli的安装包中。我们可以打开 node_modules/_@vue_cli-service@3.7.0@@vue/cli-service&nb
转载
2024-07-06 21:30:44
88阅读
PromisePromise是一种异步编程的解决方案，使回调更容易维护，更加优雅，避免了回调地狱，下面是一种最简单的例子，resolve会执行then，reject会执行catch，注意Promise要大写pending：等待状态，比如正在进行网络请求，或者定时器没有到时间。fulfill：满足状态，当我们主动回调了resolve时，就处于该状态，并且会回调.then()reject：拒绝状态，当
转载
2024-03-26 20:48:42
129阅读
