我是张跑跑

实锤了，尤大妥妥的二次元迷弟尤大在 VueConf China 2022 上聊了 Vue 的进化历程，本文就以尤大的口吻来聊聊 Vue 的进化历程

vue3.2 支持用单文件组件的写法来创建自定义元素，再也不需要写原生的 web components了。

Volar ——Vue3 完美的配套工具vue3+ts+volar=正香

1. 揭秘 `<script setup>` 语法糖的神秘面纱——全面的使用说明、语法糖剖析、使用注意点2. 探究 `<style> v-bind` 是如何实现组件状态驱动动态 CSS 值的

8.10 Vue 3.2 带着 "Quintessential Quintuplets" 正式发布了，一起来看看都有那些新特性吧！！

如果你曾维护过大型项目并且其中大量使用 vuex 进行状态管理，相信你曾遇到过因不知道某个状态是在哪一个组件初始化、哪一个组件更新而不得不逐个检查的困境，可项目中的确又需要这样的状态管理，那么如何”正确“的使用 Vuex 便成了本文的主题。

文章目录element-upload 自定义上传、限制文件大小、格式以及图片尺寸1. 前言2. 完整实现示例element-upload 自定义上传、限制文件大小、格式以及图片尺寸1. 前言前段时间业务上有个需求是前端上传 png 格式 100kb 以内并且 尺寸为 80px * 50px 的图片，同时在上传的同时需要携带用户的个人信息以及其他额外信息。因此在 element-upload 基础之上，实现这个需求需要在上传前检查图片的大小，格式以及尺寸，同时，需要自定义上传而不是使用组件的 act

文章目录HookEvent in Vue2.x1. 前言1.1 发现 hookEvent1.2 hookEvent 应用场景1.2.1 场景11.2.2 场景2HookEvent in Vue2.x1. 前言1.1 发现 hookEvent2020.1.25 同事小姐姐问了一个问题，如何在 react 中监听组件的生命周期，也就是说，想知道目前页面执行到哪一个生命周期了，希望能在某个生命周期执行某个功能。就类似于 Vue 中的 hookEvent。我从未听说和使用过。学习一直在路上，通过网上查

文章目录Flex 布局1. Flex 布局是什么？2. 基本概念3. 容器的属性3.1 flex-direction3.2 flex-wrap3.3 flex-flow3.4 justify-content3.5 align-items3.6 align-content4. 项目的属性4.1 order 属性4.2 flex-grow4.3 flex-shrink4.4 flex-basis4.5 flex4.6 align-selfFlex 布局网络布局是 CSS 的一个重点应用。布局的传统解决方案

Vue中动态修改路由的params和query1. 前言​ 经常在项目中需要动态的修改路由的 params 和 query，便于更好的传递到其它需要使用的页面。当然可以选择使用VueX来管理这两个参数，但是 VueX 所带来的的负担已经远远高于动态的修改路由了。2. 动态修改​ 假设你需要动态修改的 params为 paramsDynamic, 需要动态修改的query 为 queryDynamic。this.$router.push({ params: {...this.$route.

尤雨溪在今年年初Vue 3正式发布之前撰写了这篇长文，详述Vue 3的设计过程。前端之巅将全文翻译如下，希望能帮助你更好地了解Vue 3背后的故事在过去的一年中，Vue 团队一直都在开发 Vue.js 的下一个主要版本，我们希望能在今年上半年发布它（本文完成时这项工作尚在进行）。Vue 新版本的理念成型于 2018 年末，当时 Vue 2 的代码库已经有两岁半了。比起通用软件的生命周期来这好像也没那么久，但在这段时期，前端世界已经今昔非比了。在我们更新（和重写）Vue 的主要版本时，主要考虑两点因素.

1. Property or method “xxxx” is not defined on the instance but referenced during render有时候在写 vue 时突然就报这个错误了，Property or method “xxxx” is not defined on the instance but referenced during render，报错错误理解：属性或者方法 XXX 没有立即定义但是却在渲染时被引用。报错信息已经十分明显了， XXX属性或方法没

1 前言上一周的工作中，有这样一个需求，在不同的环境下（dev, test, beta, release）传入不同的值，首先是以业务为首要目标，因此，博主最初的做法是通过判断不同的hostname来传入不同的值，这种做法简单快捷，但是存在以下两个缺点：1）hostname更改时需要修改代码，当多个服务均存在这种需求时，工作量就出来了2）服务不解耦，需要手动调整3）略显low，并且代码看着感觉很不舒服因此，博主今天决定做优化改善，通过获取 docker 的环境变量来获取当前的运行环境，一劳永逸，博主

1 概述vue中的事件修饰符中有一个十分特别的修饰符，vue官方文档是这样介绍的： .passive 会告诉浏览器你不想阻止事件的默认行为。不阻止默认行为，普通思维很难理解，不阻止，那么我不preventDefault不就行了吗？显然，不是这样的，不然vue也不会出这样一个事件修饰符。2 理解 .passive在vue中，不阻止默认事件，真正的目的是告诉浏览器，你可以不用去查询程序有没有阻...