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

Vue.js 的插件应当有一个公开方法 install 。这个方法的第一个参数是 Vue 构造器 , 第二个参数是一个可选的选项对象: 注释：通过Vue.extend()方法创建了一个构造器NwdLoadingPlugin，其次我们再通过new NwdLoadingPlugin…

本篇是我在使用vue过程中，遇到的几个小问题和之前不了解的东西，记录下来，希望能够帮助各位踩坑。如果喜欢的话可以点波赞，或者关注一下，希望本文可以帮到大家。 比如一些弹幕，走马灯文字，这类需要定时调用的，路由跳转之后，因为组件已经销毁了，但是setInterval还没有销毁，还…

在开发webapp的时候总是会受到首屏加载时间过长的影响，主流的解决方法是在载入完成之前显示loading图效果，而一些大公司会配置一套服务端渲染的架构来解决这个问题。考虑到ssr所要解决的一系列问题，越来越多的APP采用了“骨架屏”的方式去提升用户体验。

具体怎么安装nodejs和vue-cli的部分就不再具体说明了，查看官方文档按步骤执行即可（安装nodejs会默认安装npm（包管理工具），vue-cli依赖npm来安装，注意这个先后关系）。 关于什么是模块化？推荐阅读这两篇文章 JavaScript 模块化入门Ⅰ：理解模块 …

下面可供选择的options用的是绝对定位；同时input设置了readonly，使input变的不可输入，整体布局很简单。 这两项目功能都挺简单，先来完成第一个，点击input框切换显示options，借助v-show就好。 如上所示，在选项里添加v-show="showOp…

如果已安装旧版本，需要先npm uninstall vue-cli -g 卸载掉旧版本。 注：项目名称不能驼峰命名。 如果选择 y 会让输入名称，以便下次直接使用，否则直接开始初始化项目。 这样的好处是方便管理、后期维护，还可以和后端的微服务对应，建立多文件存放不同模块的api…

自己先想一分钟。 关于上面的面试题的具体解释，请移步这里，本文不在累述。正文开始，下面列举的一些小技巧有的或许你用过，有的或许你没用过。不管有的没的，希望你看完之后有所收获吧。文笔和知识有限，不对的地方，请留言斧正！ 同事在做上传删除的时候，给用户加个提示“是否删除？” 发现即…

js代码就这么一些，每个函数都有注释说明， 相信都能看得懂， 就不多解释了。如有更好的方式，欢迎及时交流~