Vue 作为日前最为火热的前端框架之一，其流行程度很大部分得益于对开发者友好。尤其是SFC(单文件组件)的模式深得人心，开发者通过在一个文件里同时书写模板，JS 逻辑以及样式，就能完成组件的封装，相比其他方式，组件更加内聚，便于维护。 在 Vue 2.0 版本之后，Vue 增加…

为什么要在Vue中使用jsx呢，首先我们需要了解JSX是什么，它解决了什么问题，最后如何使用它。 可以将 模版分离 这样模版的每个部分更加独立，又可以随机的组合，复用性更高。相比与组件的组合，粒度更细 虽然了解了jsx的相关定义，可能对它还是比较陌生，首先要知道无论在 Vue中…

vue-antd-ui开源了一段时间后，收到了一些反馈，尤其是Form组件上线后，很多用户对JSX的使用感到迷惑和不习惯，为此专门介绍下Vue JSX的使用姿势及注意事项。 Vue 推荐在绝大多数情况下使用template来创建你的HTML。然而在一些场景中，你真的需要 Jav…

由于项目近期进行 ts 迁移，作为第一个吃螃蟹的人，踩过了不少坑。迁移过程中遇到的大大小小的问题基本上都解决了，但是对于 shims-vue.d.ts 文件的命名以及其内的模块声明始终找不到比较贴切的解释。沉下心来读了些外网资料，总算是有点“豁开云雾见青天”的感觉了。此处就记录…

项目是通过vue-cli3 来构建的, 项目随着需求的不断增加. 代码量也在随着增大. 项目的文件大小也随着增加. 但是这一情况就变得,异常棘手. 我们也需要找到解决办法, 来处理这件事情, 来提高项目的运行效率. 在考虑优化之前, 我们来看下在之前项目的结构中, 我们需要做什…

加载渲染过程父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mount

再按照惯例，大家 ( 假装 ) 看不懂，然后我来举个栗子解释一番。。。好，还是不知所云，本文结束 ( Ctrl + F4 ) ，下一篇。 为了避免上述情况出现，就不解释了。实际上官方提供了很多内置指令，如：v-if、v-for、v-bind and so on。每一个指令都有自…

Vue的组件对象支持计算属性computed和侦听属性watch两个选项，但这两个属性用法有什么异同以及它们底层实现的原理是什么？本文将用例子结合源码来进行总结。 1.computed是计算属性，类似于过滤器,对绑定到视图的数据进行处理,并监听变化进而执行对应的方法，对这部分不…

这段脚本执行我们猜测会依次打印：1、2、3。但是实际效果中，只会输出一次：3。为什么会出现这样的情况？我们来一探究竟。 我们定义watch监听msg，实际上会被Vue这样调用vm.$watch(keyOrFn, handler, options)。$watch是我们初始化的时候…