随笔分类 - Vue
摘要：import { nextTick, ref, unref } from 'vue'; import echarts from '@/utils/echarts'; import { computed } from 'vue'; export function useEcharts(elRef) {
阅读全文
摘要：# 前言 该文章是[Vue3好玩的API-watchEffect](https://www.bilibili.com/video/BV13Z4y1y7hQ/?spm_id_from=333.337.search-card.all.click "Vue3好玩的API-watchEffect")观后的记
阅读全文
摘要：遵循的原则 简单明了 computed不应该过于复杂或过长，而应该是简单清晰的。它应该只负责对单个变量或getter进行处理，并且最终返回一个通常与vue模板直接关联的值。 可重复利用 由于computed的特殊设计方式，它们可以被许多其他computed、watch甚至方法调用，因此在设计时要尽可
阅读全文
摘要：前言 工作中经常会用到类似于 dialog、toast、popover 等一些状态提示组件。对于这种全局性的组件，通常会用到 vuex 来管理组件的信息。这样的好处是代码维护起来更加友好，但是也需要考虑唯一性的问题。 场景 以 dialog 为例，唯一性问题是指当页面中有多处内容调用了同一个事件，而
阅读全文
摘要：前言 在项目开发中，如果使用到了 vuex，通常我会将所有的接口请求单独用一个文件管理，而业务逻辑写在 actions 中，一方面方便统一管理项目中的所有请求，其次代码结构更加清晰，最重要的是可以全局性的处理一些统一的业务逻辑，例如接口入参调整等一些项目中通用的代码。 优点 在 Vuex 中处理 H
阅读全文
摘要：使用场景 例如在 element-ui 中 @change 方法默认接受一个参数为改变后的 value， 如果我们需要传入额外的参数，可以将其写成箭头函数的形式： <template> <el-select v-model="value" clearable placeholder="请选择" @c
阅读全文
摘要：前言 出来工作有一段时间了，通过对项目不断了了解发现了一个vue的学习和项目中可谓重中之重的话题——组件传值。因为一个vue构建的项目中往往会用到非常多的公共组件，因此如何给这些组件传值就成了必须要掌握的一个技能。而在vue中组件传值无外乎分为三类：父组件->子组件，子组件->父组件，非父子关系组件
阅读全文