我们在使用 Vue 或其他框架的日常开发中，或多或少的都会遇到一些性能问题，尽管 Vue 内部已经帮助我们做了许多优化，但是还是有些问题是需要我们主动去避免的。我在我的日常开中，以及网上各种大佬的文章中总结了一些容易产生性能问题的场景以及针对这些问题优化的技巧，这篇文章就来探讨…

🔥这周我看了看了尤大神亲手写的mini版Vue3，笔记如下请大家指正。 1. 数据响应式模块 提供创建一切数据变化都是可以被监听的响应式对象的方法。 2. 编译模块 3. 渲染函数 MVVM框架其实就是在原先的View和Model之间增加了一个VM层完成以下工作。完成数据与视…

本篇文章针对于 vue2，目前正在基于 vue3 做一个开源的脚手架，如果有感兴趣的同学，可以来这里贡献代码。 考虑到后续招人和现有人员的技术栈，选择 Vue 作为框架。 公司主要业务是 GIS 和 BIM，通常开发一些中大型的系统，所以 vue-router 和 vuex 都…

Vue 结合了 React 和 Angular 的优点，并且有着团结、活跃且庞大的社区，可以帮助解决开发中遇到的问题。开源社区不断提出解决问题的新方法。工具和库的数量也贡献量不断的增加。 **该框架非常小。**约为18–21KB； 详细的文档。这对于初学者来说很容易上手； **…

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。

本文已经授权掘金开发者社区公众号独家使用，包括但不限于编辑、标注原创等权益。 有一些问题不限于 Vue，还适应于其他类型的 SPA 项目。 1. 页面权限控制和登陆验证 就是一个网站有不同的角色，比如管理员和普通用户，要求不同的角色能访问的页面是不一样的。如果一个页面，有角色越…

一个项目下来发现有很多看似相似但又有区别的功能，想想如果一个一个的去写这种相似又有区别的功能，就会显的乏味枯燥，而且更关键的是这样的代码使得项目更难的去维护。如何让项目焕然一新，并且方便以后需求迭代的时候更好的维护呢？ 那就动手封装组件吧，让那些相似的功能需求都统一管理统一配置…

之前看到我不能没有的 5 个 Vue.js 库，里面第一个就是Click Off to Close，最主要功能就是，在用户点击元素之外的时候触发一个事件。 此文的目标，手写自定义指令实现此功能。 功能比如自己封装一个下拉框，或者封装一个日历，希望在点击非下拉框部分，能关闭下拉框…

有的时候，我们需要在用户点击元素之外的时候触发一个事件。最常见的用例是当你想通过点击关闭一个下拉框或对话框时。这是一个必不可少的包，几乎在我构建的每个应用中都会用到。 我通常会将它安装在 main.js 中，以便在我的应用程序中使用。如果你只在一个或两个页面上使用它，你可能会想…