之前写过一篇文章，关于 Vue 属性透传的，文章中我列举了很多种方法去实现属性透传。其中包括直接设置 props，v-bind="$attrs"，render function 等方式。感兴趣，详情看 【Vue进阶】——如何实现组件属性透传？ 这让我意识到了自己对一些 Vue …

Vue 是一个惊人的，轻量的渐进式前端框架。因为 Vue 是灵活的，所以用户不需要使用 Typescript。但是不像 Angular，老版本的 Vue 并没有很好的支持 Typescript。因为这点，大多数 Vue 应用程序都是直接使用 JavaScript 写的。 现在随…

最近项目组重构一个大型项目，为了引领时尚潮流，做公司最靓的仔。项目前端组采用Vue3.0进行重构。 ​ 当然，他们没有强制要求使用Vue3.0，不习惯的依然采用Vue2.x的写法慢慢过渡。我个人喜欢追求新知识，所以我就一步到位了。Vue3.0的升级必然有许多亮点，之前也有大…

这样你便可以在任何地方使用该组件，使得该组件更易于重用和测试。 data数据具有数据层级结构，切勿过度扁平化或者嵌套层级过深，若是过度扁平化会导致数据命名空间冲突，参数传递和处理，若是层级嵌套过深也会导致vue数据劫持的时候递归层级过深，若是嵌套层级丧心病狂那种的，小心递归爆栈…

本项目已经为你生成了一个完整的开发框架，下面是整个项目的目录结构。 启动完成后会自动打开浏览器访问 [http://localhost:9000， 你看到下面的页面就代表操作成功了。 目前前端的一个开发趋势是以搭建单页应用 (SPA) 为主的。当应用体系比较大，或者你的应用业务…

通过如何利用webpack来提升前端开发效率（一）的学习，我们已经能够通过webpack的loader和piugin机制来处理各种文件资源。细心的小伙伴们发现了缺少了对字体文件和HTML中<img>标签的资源处理，那让我们先来解决这个问题。 随后在命令行执行npm run bu…

create-react-app project vue create project等命令。 ... 可能大家在遇到上述开发场景时，可能就二话不说，直接开启编辑器，撸起袖子就是“代码一把梭”。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器(mod…