![](https://img-blog.csdnimg.cn/20200702100001298.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
VUE
文章平均质量分 79
vue简单实用,易学上手,但是仍然存在很多需要理解的点!
zhangpaopao0609
发光发热
展开
-
实锤了,尤大妥妥的二次元迷弟 —— 聊聊 Vue 的进化历程
实锤了,尤大妥妥的二次元迷弟尤大在 VueConf China 2022 上聊了 Vue 的进化历程,本文就以尤大的口吻来聊聊 Vue 的进化历程原创 2022-12-19 13:18:00 · 1059 阅读 · 0 评论 -
Vue3.2 新特性之 —— Web Components
vue3.2 支持用单文件组件的写法来创建自定义元素,再也不需要写原生的 web components了。原创 2021-09-18 17:46:23 · 5071 阅读 · 7 评论 -
Volar ——Vue3 完美的配套工具
Volar ——Vue3 完美的配套工具vue3+ts+volar=正香原创 2021-09-18 11:33:53 · 36966 阅读 · 12 评论 -
Vue3.2 新特性详解——<script setup> 和 <style> v-bind
1. 揭秘 `<script setup>` 语法糖的神秘面纱——全面的使用说明、语法糖剖析、使用注意点2. 探究 `<style> v-bind` 是如何实现组件状态驱动动态 CSS 值的原创 2021-09-03 22:29:07 · 8449 阅读 · 6 评论 -
Vue 3.2 Released —— Vue3.2正式发布的五大特性
8.10 Vue 3.2 带着 "Quintessential Quintuplets" 正式发布了,一起来看看都有那些新特性吧!!原创 2021-08-29 17:30:39 · 2043 阅读 · 0 评论 -
谈谈如何”正确“的使用 Vuex
如果你曾维护过大型项目并且其中大量使用 vuex 进行状态管理,相信你曾遇到过因不知道某个状态是在哪一个组件初始化、哪一个组件更新而不得不逐个检查的困境,可项目中的确又需要这样的状态管理,那么如何”正确“的使用 Vuex 便成了本文的主题。原创 2021-07-05 13:42:09 · 441 阅读 · 2 评论 -
element-upload 自定义上传、限制文件大小、格式以及图片尺寸
文章目录element-upload 自定义上传、限制文件大小、格式以及图片尺寸1. 前言2. 完整实现示例element-upload 自定义上传、限制文件大小、格式以及图片尺寸1. 前言前段时间业务上有个需求是前端上传 png 格式 100kb 以内并且 尺寸为 80px * 50px 的图片,同时在上传的同时需要携带用户的个人信息以及其他额外信息。因此在 element-upload 基础之上,实现这个需求需要在上传前检查图片的大小,格式以及尺寸,同时,需要自定义上传而不是使用组件的 act原创 2021-01-28 10:27:14 · 10356 阅读 · 1 评论 -
HookEvent in Vue2.x
文章目录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。我从未听说和使用过。学习一直在路上,通过网上查原创 2021-01-26 10:46:35 · 206 阅读 · 0 评论 -
Flex 布局——弹性盒模型
文章目录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 的一个重点应用。布局的传统解决方案原创 2021-01-25 18:43:04 · 225 阅读 · 0 评论 -
Vue中动态修改路由的params和query
Vue中动态修改路由的params和query1. 前言 经常在项目中需要动态的修改路由的 params 和 query,便于更好的传递到其它需要使用的页面。当然可以选择使用VueX来管理这两个参数,但是 VueX 所带来的的负担已经远远高于动态的修改路由了。2. 动态修改 假设你需要动态修改的 params为 paramsDynamic, 需要动态修改的query 为 queryDynamic。this.$router.push({ params: {...this.$route.原创 2021-01-06 11:24:14 · 4434 阅读 · 0 评论 -
尤雨溪自述:打造Vue 3背后的故事
尤雨溪在今年年初Vue 3正式发布之前撰写了这篇长文,详述Vue 3的设计过程。前端之巅将全文翻译如下,希望能帮助你更好地了解Vue 3背后的故事在过去的一年中,Vue 团队一直都在开发 Vue.js 的下一个主要版本,我们希望能在今年上半年发布它(本文完成时这项工作尚在进行)。Vue 新版本的理念成型于 2018 年末,当时 Vue 2 的代码库已经有两岁半了。比起通用软件的生命周期来这好像也没那么久,但在这段时期,前端世界已经今昔非比了。在我们更新(和重写)Vue 的主要版本时,主要考虑两点因素.翻译 2020-12-23 21:09:40 · 1797 阅读 · 0 评论 -
Property or method “xxxx“ is not defined on the instance but referenced during render. 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属性或方法没原创 2020-07-03 09:15:24 · 10727 阅读 · 2 评论 -
Vue项目如何获取Docker的环境变量——最小完整实践
1 前言上一周的工作中,有这样一个需求,在不同的环境下(dev, test, beta, release)传入不同的值,首先是以业务为首要目标,因此,博主最初的做法是通过判断不同的hostname来传入不同的值,这种做法简单快捷,但是存在以下两个缺点:1)hostname更改时需要修改代码,当多个服务均存在这种需求时,工作量就出来了2)服务不解耦,需要手动调整3)略显low,并且代码看着感觉很不舒服因此,博主今天决定做优化改善,通过获取 docker 的环境变量来获取当前的运行环境,一劳永逸,博主原创 2020-06-10 09:25:16 · 6805 阅读 · 6 评论 -
vue 事件修饰符 .passive 最通俗的理解
1 概述vue中的事件修饰符中有一个十分特别的修饰符,vue官方文档是这样介绍的: .passive 会告诉浏览器你不想阻止事件的默认行为。不阻止默认行为,普通思维很难理解,不阻止,那么我不preventDefault不就行了吗?显然,不是这样的,不然vue也不会出这样一个事件修饰符。2 理解 .passive在vue中,不阻止默认事件,真正的目的是告诉浏览器,你可以不用去查询程序有没有阻...原创 2020-04-23 15:44:16 · 3712 阅读 · 1 评论