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

上一篇文章：从0实现一个前端微服务（上）中讲到，single-spa的原理就是，将子项目中的link/script标签和<div id="app"></div>插入到主项目，而这个操作的核心就是动态加载js和css。 动态加载js我们使用的是system.js,借助这个插件，我…

在vue-cli 2.X的时候，也写过一篇类似的文章，在八月份的时候vue-cli已经更新到了3.X，新版本的脚手架，功能灰常强大，试用过后非常喜欢，写篇教程来帮助各位踩一下坑。 如图所示，服务启动的时候回生成一个node_modules包，稍微测试了一下，服务支持ES6语法和…

在vue的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧，在下将不定期更新~

看过vue官方文档的同学，对这张图应该已然相当熟悉了。 听过太多回答，通过Object.defineProperty，可是再详细的问时，对方浑然不知。 这里我们用不到100行的代码，实现了一个简易的vue响应式。当然，这里如果不考虑期间的过程，我相信，40行代码之内可以搞定。但…

一般来说，我们实现父子组件值的传递通常使用的是【props】和自定义事件【$emit】。父组件通过【props】将值传给子组件，子组件通过【$emit】将值传给父组件，父组件通过【$on】事件获取子组件传过来的值，如果说想要实现子组件修改父组件传过来的值，最容易的就是这种方法了…

近几年来，Docker 技术的应用已经越来越流行，目前已经产生前端工程Docker 化，身为前端开发的我，花了几天时间研究了下 Docker 的知识点，并实现了 Docker 本地部署 Vue 项目。希望可以给有需要的同学一点帮助。 Docker 是一个开源的应用容器引擎，让开…

在 vue 中，实现 Tab 切换主要有三种方式：使用动态组件，使用 vue-router 路由，使用第三方插件。本文将详细介绍Vue动态组件。所谓动态组件就是让多个组件使用同一个挂载点，并动态切换。 通过使用保留的 <component> 元素，动态地绑定到它的 is 特性，…

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，