背景 对于pinia的使用，可参考官方文档在这不做过多赘述。这边主要来讲讲pinia中 少用且好用的方法，为什么我们选择pinia而不用vuex ps: 以下写法全部基于组合式API 使用方式： 先下载依赖 npm i pinia -s 在vue3中，main.js这么写 import { crea
Differ算法 在 Vue 中，当数据变化时，Vue 会使用 Virtual DOM 和 diff 算法来尽可能地减少 DOM 操作的次数，以提高性能。 diff 算法是 Virtual DOM 实现中的核心算法之一，其主要作用是比较新旧虚拟 DOM 树的差异，并将差异应用到真实的 DOM 树上。
背景 最近项目更新频繁，每次一更新客户都说还跟之前的一样。一查原因是因为客户没有清空浏览器的缓存。所以为了方便客户看到最新版本，开始调研再发布新版本后自动清理缓存。 方案 每次打包后的js和css都加上hash值后缀。当文件发生改变时，hash值也改变。这样就不会走缓存 举个例子 vue.confi
### 1、作用 vue中一个非常重要的功能，批量更新或者叫异步更新 响应式数据发生变化出发副作用函数重新执行时，我们有能力去决定副作用函数的执行时机、次数和方式。 ### 2、例子 ```javascript const state = reactive({ num: 1 }) effect(()
## 1、使用情景 * 通过 app.component() 和 app.directive() 注册一到多个全局组件或自定义指令。 * 通过 app.provide() 使一个资源可被注入进整个应用。 * 向 app.config.globalProperties 中添加一些全局实例属性或方法 *
Vue 的双向数据绑定实现原理是什么样的，如果让我们自己去实现一个这样的双向数据绑定要怎么做呢，本文就与大家分享一下 Vue 的绑定原理及其简单实现
编程经验总结
废话不多说直接上代码
html 这里的关键点就是 :id="'scroll'+index" 以及 :scroll-into-view="intoIndex"
根本原因在于你的vue.config.js里的publishPath设置的路径是相对路径还是绝对路径 大家都是看别人设置成 process.env.NODE_ENV 'production' ? './' : '/' 就原模原样照着复制粘贴 其实无所叼谓，只需要设置成 '/' 不需要判断环境，默认就
Vue简述 Vue是一套构建用户UI界面的前端框架。 构建用户界面的意思是：往html中填充数据，框架的意思是：一套开发规范。 Vue的特点 1.数据驱动视图 当页面是一个普通的数据展示时，数据改变了，Vue会充当中间驱动者的角色，把视图更新为最新数据的展示。 2.双向数据绑定 当使用form表单时
Vue组件简述 组件化开发是Vue的开发模式，组件是Vue的重要组成部分。 vue私有组件的使用分三步 1.导入：import Left from '@/components/Left.vue' 2.注册：components: { Left } 3.使用：
vue-router是vue基础工具的重要组成部分。 通过简单的配置路由组件映射关系，可以实现vue页面轻松跳转。 什么是前端路由 它是URL地址与组件之间的对应关系，通常使用Hash地址与组件之间对应。 浏览器的Hash地址就是URL地址中对应的锚链接地址, 如： location.href: 完
在当今快节奏的数字世界中，网站性能对于吸引用户和取得成功至关重要。然而，对于像首页这样的页面，在不影响功能的前提下优化性能就成了一项挑战。 这就是 Vue 组件懒加载的用武之地。通过将非必要元素的加载推迟到可见时进行，开发人员可以增强用户体验，同时确保登陆页面的快速加载。 懒加载是一种优先加载关键内
碰到这种问题，其实你的接口已经通了，但是在页面上就是访问不通过。 你可以把API请求地址单独拎出来新开个网站打开看请求是否成功，成功，但是你的项目不通。 有那么几个可能吧： 1、请求头设置错误 headers = { 'Content-Type': 'application/json' //错误的
如何在现有 Vue 3.0 + Vite 项目中，引入 i18n 实现国际化多语言，可以手动切换，SEO友好，且完整可用的解决方案。
上篇文章中我们讲了使用scoped后，vue是如何给CSS选择器添加对应的属性选择器[data-v-x]。这篇文章我们来接着讲vue是如何给html增加自定义属性data-v-x
好久没上传了，闲来无事把囤积已久的笔记给上传上传 1. Vue3简介 2020年9月18日，Vue.js发布版3.0版本，代号：One Piece（n 经历了：4800+次提交、40+个RFC、600+次PR、300+贡献者 官方发版地址：Release v3.0.0 One Piece · vue
前言 众所周知，在vue中使用scoped可以避免父组件的样式渗透到子组件中。使用了scoped后会给html增加自定义属性data-v-x，同时会给组件内CSS选择器添加对应的属性选择器[data-v-x]。这篇我们来讲讲vue是如何给CSS选择器添加对应的属性选择器[data-v-x]。注：本文
