Vue前端项目增量更新Vue前端项目打包时会将项目页面代码封装成一个个的js和css，命名规则为chunk+哈希值。 当页面代码有变动并重新打包时，webpack只会更新有变动的文件，并更新文件名称里的哈希值，其他的文件并不会更新，根据这一特性，可以实现vue前端项目增量更新。 操作步骤如下： 1、 上一版本的打包文件命名为dist1，并重新打包前端项目（生成文件默认为dist）。如图将执行程序拷
转载
2024-04-01 07:06:14
240阅读
1、在项目根目录下创建vue.config.js 2、复制代码 module.exports = { devServer: { // --open --contentBase src --port 3000 --hot", open: true, contentBase: 'src', port: ...
转载
2021-09-23 16:57:00
3749阅读
2评论
升级步骤
1、
删除原vue-cli并安装vue-cli3.0
2、删除新项目中src下的内容，把原项目中src目录覆盖到新项目中
3、把router从目录文件夹改为文件，src/router/index.js提高一层变成src/router.js
4、
我的项目中src已经分为了views和components所以无需修改，如果不是这个结构需要自己区分下
转载
2024-04-18 12:52:00
161阅读
vue-cli2 升级 vue-cli3由于vue-cli2 版本太低，升级到vue-cli3 采用的方法是新建cli3项目，对比差异，在cli2项目单独升级检查环境node环境检查版本是否在8.11版本以上npm uninstall vue-cli -g 卸载旧版本的vue-clinpm install -g @vue/cli 安装新版本新建cli3项目vue create 选择自定义安装按空格
转载
2024-02-21 12:20:28
280阅读
从vue3的官网中看到我们可以使用vue-cli搭建项目，也可以使用vite搭建项目 ，因为vite执行的速度会相对来说快了一点 所以这里我们说一下使用vite搭建项目以及遇到的一些问题第一步创建项目创建项目的命令yarn create vite-app vite-demo创建完成后可看到项目文件夹解构如下 可以看到里面没有vue的路由 当然官网给我们了一个制作一个简单的路由跳转的方法，这个可以官
转载
2023-12-25 15:46:40
133阅读
Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。简单来说，Vue 在修改数据后，视图不会立刻更新，而是等同一事件循环中的所有数据变化完成之后，再统一进行视图更新。同步里执行的方法，每个方法里做的事情组成一个事件循环；接下来再次调用的是另一个事件循环。nextTick：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，会获
转载
2024-04-07 17:25:43
58阅读
由于 webpack3升级后，新增了 Scope Hositing（作用域提升） 功能，据说是对 js的性能提升很大。因此，我们做了一个测试对比，就是 webpack3和 webpack1/2 的性能对比，如下：测试目标 &
转载
2024-06-01 21:10:13
40阅读
手写 Vue 系列 之 从 Vue1 升级到 Vue2，将上篇文章中写的 lyn-vue 升级到 Vue2
前言上一篇文章 手写 Vue 系列 之 Vue1.x 带大家从零开始实现了 Vue1 的核心原理，包括如下功能：数据响应式拦截普通对象数组数据响应式更新依赖收集DepWatcher编译器文本节点v-on:clickv-bindv-model在最后也详细
转载
2023-12-10 14:08:50
106阅读
Vue3的升级及优化总结版本要求Vue2到Vue3的变化Vue3新特性未完待续 版本要求node: 14.0版本以上 “vue-loader”: “^16.0.0” “vue”: “^3.1.0” “@vue/compat”: “^3.1.0” “@vue/compiler-sfc”: “^3.1.0”Vue2到Vue3的变化1. Vue2是面对对象编程，Vue3是面向函数编程2. 直接访问子组
1.路由跳转：非view页面要实现跳转： import router from '@/router' //先引入router才能后面使用push router.push({ path:'/login' }); 2. nextTick:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使 ...
转载
2021-09-02 16:28:00
209阅读
2评论
# Vue项目中更新axios版本
Axios是一个基于Promise的HTTP库，用于在浏览器和Node.js中发送HTTP请求。它可以轻松地与Vue项目集成，使发送请求变得更加简单和高效。本文将介绍如何在Vue项目中更新axios版本，并提供一些代码示例来帮助理解。
## 为什么更新axios版本
更新axios版本可以带来以下好处：
1. 安全性：更新版本可以修复已知的安全漏洞，保护
原创
2023-12-11 04:53:39
455阅读
1.setup 语法糖## vue3.2 到底更新了什么？
根据原文内容的更新的内容主要有以下 5 块：
1.SSR：服务端渲染优化。@vue/server-renderer包加了一个ES模块创建，
与Node.js解耦，使在非Node环境用@vue/serve-render做服务端渲染成为可能，
比如(Workers、Service Workers)
2.New SFC Features：新的
转载
2024-07-14 14:01:02
75阅读
vue实现分环境打包步骤（超详细）作者：张元第1步：安装cross-env在项目目录下运行如下命令安装cross-envnpm i --save-dev cross-env安装成功或原本项目就有可以查看node_modules目录有cross-env插件 第2步：修改config目录下ENV文件参数以我的项目为例（dev【本地测试环境】、prod【服务器测试环境】、hen
从 0 开始实现一个 SpringBoot + Vue 项目从 0 开始实现一个 SpringBoot + Vue 项目软件和工具创建 SpringBoot 后端项目创建 MySQL 数据库配置文件实现增删改查接口Model 层mapper 层service 层controller 层测试实现项目功能接口代码测试创建 Vue 前端安装 Node.js配置 npm 镜像安装脚手架创建并配置项目项目
转载
2024-06-06 14:04:56
160阅读
前面也已经写过vue的依赖收集和派发更新的源码讲解了，但是估计很多不了解的人看的仍然一头雾水，还是不能明白整个流程是怎样的。因此我又花了一些时间来弄懂这块梳理成图，阅读性也更好一些。 话不多说，开始上图了：依赖收集 这里给大家备注一下某些变量的作用：subs： Dep类创建的，用于存放所有被收集的依赖即watcher,将依赖存放在subs中，目的是后面数据发生变化的时候能够通知那些subs做出准备
转载
2023-12-19 22:42:47
104阅读
创建项目使用 vue-cli 快速搭建项目结构，关于vue-cli的更多用法，请阅读官方说明 ！vue-cli官方文档创建项目vue create cloud-film-vue安装依赖vscode中，在终端打开文件夹，然后 npm install或yarnnpm install
或
vue add或yarn启动项目yarn run dev或npm run dev以上是开发环境下，若是生产环境，de
转载
2020-10-21 19:25:00
144阅读
2评论
系列文章：手摸手Electron + Vue实战教程(一)手摸手Electron + Vue实战教程(二)手摸手Electron + Vue实战教程(三)截止上一篇我们已经基本全部完成了静态页部分了，今天我们要开始玩玩数据了。。1 数据持久化存储的必要性electron应用说到底是个桌面级应用，我们写好的 Markdown 文档，毋庸置疑的必须要保存下来吧，否则一旦重启应用，那我们辛辛苦苦写的文档
转载
2024-09-12 23:25:34
54阅读
1.this.$router.push({path:'',query:{show:true}})
通过路由传的参数为Boolean时，接收的时候为String类型
2.详情页回列表定位到之前位置
detail页返回到列表页定位到之前的界面，而新增和编辑不需要，因为列表页都需要重新渲染{path:'/',meta:{keepAlive:true}}<keep-alive><rout
原创
精选
2023-02-05 15:02:52
1121阅读
只需要运行下面的命令即可：
原创
2021-08-06 16:52:33
511阅读
vue 2.7 重大更新，主要功能为Composition API 和 <script setup>，详细的内容查看 vue 2.7.0 CHANGELOG，升级时要遵循 Upgrade Guide。我升级时的步骤如下：将 vue 升级到2.7，移除 vue-template-compiler项目之前使用了 @composition-api 和 vue-demi 包，都移除。并把引用都
转载
2023-12-12 18:56:36
205阅读
