开始正文前先介绍一下相关概念，熟悉的读者可以略过。 前端埋点：一种收集产品数据的方式，它的目的是上报相关行为数据，相关人员以数据为依据来分析产品在用户端的使用情况，根据分析出来的结果辅助产品优化、迭代。 BI：商业智能，公司内部做数据分析相关的部门。 平时我们在完成基础的业务需…

写Vue有很长一段时间了，除了常规的业务开发之外，也应该思考和反思一下封装组件的正确方式。以弹窗组件为例，一种实现是在需要模板中引入需要弹窗展示的组件，然后通过一个flag变量来控制弹窗的组件，在业务代码里面会充斥着冗余的弹窗组件逻辑，十分不优雅。 本文整理了开发Vue组件的一…

项目说明项目github地址最近准备抽离一些组件,所以就动手搭建了一个基础打包项目,该有的功能基本都有,功能如下:按需引入:多种方式打包:组件测试及demo文档其他一些配置项目目录:如何创建属于组件库

随着vue/react这类以数据驱动为主的web框架的不断完善和壮大，越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如基于react的开源组件库ant-design，material，又比如基于vue的开源组件库elem…

市面上目前已有各种各样的UI组件库，比如 Element 和 iView，他们的强大毋庸置疑。但是我们面临的情况是需求越来越复杂，当它们不能再满足我们需求的时候，这个时候就有必要开发一套属于自己团队的组件库了。 所以本文的目的就是让读者能通过此文，小能做一个简单的插件供人使用，…

前段时间看到懂车帝app有几个效果非常好的汽车展示方面的模块，再加上前年在公司写过一个关于汽车售后业务选择汽车部位的组件，就开始着手把这几个组件编写成一个组件库发布出去供大家使用，当然提供按需引入方式，使用的依然是vuecli3工具其中的vue-cli-service buil…

通过vuecli3创建一个初始化项目，具体可以查看官网。https://cli.vuejs.org/zh/guide/creating-a-project.html 我们需要一个文件夹存放组件，一个文件夹存放示例，按照以下方式对目录进行改造。 注：vue.config.js 是…