1. 单文件组件 日常开发时，我们项目文件夹通常都是使用 vue-cli 创建的，以 单文件组件 的方式来组织代码的。按照平日的开发流程，现在先创建一个 Toast.vue 文件。 该组件有两个 prop : visible 与 msg。visible 控制显示与隐藏，msg …

近日，在做活动页的过程中遇到两层吸顶的需求，并且要兼容 IE9 及以上的浏览器。乍一看不就是个吸顶嘛，应该不难吧，事实证明还是踩了很多坑才出来。兼容性问题多到吐血，我太难了。废话不多说，先看一下两层吸顶的最终实现效果，如下图所示。 功能点：两层吸顶，因为 Tabs 区域比较长所…

本文志在通过合理的配置，可以增加或减少一行代码，就能轻松增加表单项。 用element-ui的表单组件的时候，还是有点不顺手。跟用表格的感觉差不离，但优雅的使用 element-ui 中的 table 组件很棒的解决了这个问题。模仿这个，自己也简单的抽离了表单的配置。不过这并不…

项目中需要实现一个刮刮卡的模块，项目结束后沉淀项目时刚好可以把刮刮卡模块封装好，在下次新的项目中要用到时，可以更好的提高项目的效率，当然也更好地提供给其他小伙伴使用。 1. 工作流的搭建 执行后，根据组件录入package.json的信息。 在项目这里我选择的是use sass…

都说前端是个更新迭代飞快的领域，前端框架的演进也越来越激烈，以至于在技术社区里总看到有人求饶：“求不要更新了，老子学不动了”。 在过去的好多些年，jQuery 在前端领域都处于统治地位，在众多框架中脱颖而出，很多写惯了 jQuery 语法的开发者们，都发现再也回不去写原生 JS…

本文纯技术干货，首发于 掘金，转载请注明出处和作者。最近数月一直投身于 iView 的开源工作中，完成了大大小小 30 多个 UI 组件，在 Vue 组件化开发中积累了不少经验。其中也有很多带有技巧性和黑科技的组件，这些特性有的是 Vue 文档中提到但却容易被忽略的，有的更是没…

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

vue 的 computed 属性默认是只读的，你可以提供一个 setter。它可以优化我写组件的逻辑，适用于父组件处理的值和子组件处理的值是同一个的情况 我们常看到一些优秀的组件库，传入的值既可以是一个 String/Number，也可以是一个函数。 比如ElementUI的…

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