Mr_Ma

在vue的组件化开发过程中，透传几乎必不可少，在创建高级组件时非常有用。合理利用透传可以大幅提升高级组件开发效率，同时也能降低组件的维护成本，用更少的代码却能实现更多的事情...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 学习 vueAdmin-template 这个项目时，看到两个属性 v-bind="$attrs" 和 v-on="$...

学习 vueAdmin-template 这个项目时，看到两个属性 v-bind="$attrs" 和 v-on="$linteners"，于是就这两个属性的用法作了一下深...

vm.$attrs包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class 和 style 除外)。当一个组件没有声明任何 prop...

背景 在某些相对复杂的项目中，我们抽取的公共组件可能存在深层嵌套的场景，例如： 我们会在App.vue里带上业务中提供的数据，一层层的传递进去，在传递的过程中一般有两种方案...

他会自动把方法绑定到子组件的根元素，所以点击子组件的任何一个部分都会触发执行该方法。 在子组件使用剩余操作符 ......

本文主要记录一下如何基于 Vue 开发组件，并在 npm 上发布。废话不多说，进入正题 好了，到这里准备工作做好了，我们可以开始开发组件了，接着上面的例子，下面开始开发一个...

在封装第三方组件中，经常会遇到一个问题，如何通过封装的组件去使用第三方组件的Attributes(属性)、Events(自定义事件)、Methods(方法)、Slots(插...

因为直接赋值，对于对象和数组而言只是浅拷贝，指向的是同一个内存地址，其中一个改变另一个也会改变。而通过 JSON颠倒转换之后，实现了深拷贝，则可以互不影响。 这样既降低了耦...

可编辑的表格组件是非常灵活的，因此采用了render函数来让用户自定义表格内容，但是render函数写法不好维护，于是使用作用域插槽来代替，render能做的插槽都能做。...

组件库能帮我们节省开发精力，无需所有东西都从头开始去做，通过一个个小组件拼接起来，就得到了我们想要的最终页面。在日常开发中如果没有特定的一些业务需求，使用组件库进行开发无疑...

独立组件应该是vue开发中难度最大一类组件，因为它要是给很多开发者使用的，所以这类组件的API的设计、兼容性、性能及复杂的功能实现提出了很高的要求。目前，国内只用大厂才有能...

高阶组件这个概念在 React 中一度非常流行，但是在 Vue 的社区里讨论的不多，本篇文章就真正的带你来玩一个进阶的骚操作。 先和大家说好，本篇文章的核心是学会这样的思想...

Vue默认情况下，父组件是可以直接给子组件的根元素添加class和style的，但是有时候我们可能需要在父组件上给子组件添加一些特性绑定(attribute binding...

为了能在Vue上更简便地使用canvas-nest.js这个炫酷的特效，在原项目作者的提醒下，花了几小时直接将canvas-nest封装成了vue-canvas-nest组...

各种UI库的功能都是非常强大的，尤其对于我这种不会 css 的人来说，就更是帮了大忙了。只是嘛，如果再封装一下的话，那么用起来就会更方便了。那么如何封装呢？封装三要素 ——...

在日常开发的过程中，使用Vue的组件进行业务拆分，代码解耦是一个很好的选择； 今天就来分享一下我在使用Vue3进行组件封装的一些技巧和心得，希望能够帮助到大家；...

vue-通用组件封装通用组件要具备高性能、低耦合，开发中应注意以下几点数据的传入数据从父组件传入时应在props中加一些限制或验证props中的数据不能直接进行修改，如果要...

运行时性能表现（runtime performance）：当页面在浏览器中运行时的性能表现。当然我们得有一个网站来使用。这里我用平时的开发页面进行分析。在chrome的 `...