该配置用于vue开发，最终效果是保存时自动根据eslint对js、html和css代码进行格式化。 到这一步，编译的时候就能看到eslint报错和警告了，但是还不能实现保存自动格式化功能。 vscode的默认保存格式化功能还是很强大的，还可以再额外安装prettier插件，以优…

Vue3.0 Composition Api (最核心)、v-model更改、响应式ref和reactive、watch和watchEffect、以及vue2和vue3对比

从上篇文章《编译过程解析》中，我们了解到HTML模板经过编译，最终会生成一个render函数。render函数的主要功能是生成vnode。在vue的渲染过程中总共涉及两大工作：创建vnode和创建DOM节点。本篇文章作为上一篇的延续，重点聊聊渲染过程的实现。 大家知道一个复杂的…

先正式讲解之前先看一张来自Vue官网的实例生命周期图。 由图中可知，当我们实例化一个Vue对象并完成初始化后，Vue会检查el和template属性，以获取模板字符串。然后将得到的模板编译成render函数。 只有当template未指定时，vue才会以所制定的el元素的out…

最近要求使用vue进行前后端分离开发微信公众号，不断摸索踩坑之后，总结出如下几点vue项目开发中常见的问题及解决办法。如果你是vue大佬，请忽略小弟的愚见^V^ 列表进入详情页的传参问题。 列表进入详情页的传参问题。 c页面的路径为http://localhost:8080/#…

最近在做一个项目，技术栈为vue全家桶 + element-ui + echarts，打包后发现有1.44M，首屏体验很差。这能忍？果断开始优化。下面说说我是如何将一个打包后1.44MB的项目变成打包后只有0.42MB，性能提升70% 的。 vue-cli提供了一个很方便的查看…

那么如何达到这样的效果呢，我们可以分几步来循序渐进地完成。 业务组件的颗粒度最大可以为一个feature，一个feature就是一个可以独立上线特性，例如文章的评论点赞功能。我们可以想象有一个开关，打开就有这个feature，关闭就没有，且不会造成联动的影响。 Vue的组件基本…

单文件组件要么始终以大写字母开头(PascalCase)要么始终用-连接(kebab-case)单词大写开头对于代码编辑器的自动补全最为友好，因为这使得我们在 JS(X) 和模板中引用组件的方式尽可能的一致。然而，混用文件命名方式有的时候会导致大小写不敏感的文件系统的问题，这也…

设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…