前段日子业余时看了下vue，想着怎么也得写个实例来加深一下，于是便基于vue构建了一个简易版豆瓣。由于工作中使用的并不是vue框架，对vue的了解也不够深入，这也是本人第一次写技术博文，因此，有纰漏之处还请大家批评指正。 项目简介：本项目主要是基于vue，构建一个简易版豆瓣，实…

组件间的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用，接下来，我们就悉数给大家展示所有 Vue 组件之间的通信方式。 简单来说，我们可以通过 Prop 向子组件传递数据。用一个形象的比喻来说，父子组件之间的数据传递相当于自上而下的下水管子，只能从上往下流，不能逆…

众所周知，在组件式开发中，最大的痛点就在于组件之间的通信。在 Vue 中，Vue 提供了各种各样的组件通信方式，从基础的 props/$emit 到用于兄弟组件通信的 EventBus，再到用于全局数据管理的 Vuex。 在这么多的组件通信方式中，provide/inject …

在用户登录成功的回调中将后台返回的token直接存储到localStorage，然后同步配置请求默认参数的形式将token取出放入headers中传给后台。代码如下： 当前项目中使用axios.interceptors.request.use设置发送请求前的拦截,直接将toke…

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

本文是vue-router系列。这里从浏览器到vue-router原理到最佳实践都会有详细的讲解。由于篇幅较长，建议可以选择感兴趣的目录看。 HTML5提供了对history栈中内容的操作。通过history.pushState/replaceState实现添加地址到histo…

Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版; 后续 Vue 3.x 出来后持续更新. 3. 14种组件通讯 provide 和 inject 主要为高阶插件/组件库提…

配合着源码，用心看完这遍文章，你便领悟了封装的精髓，麻雀虽小，五脏俱全。 业务代码之外的代码，我想称之为增值代码。 作为一个程序员，你应该除了完成领导安排的任务，你还应该有一些自己的时间，用来“玩”一些比较有意思的事情。 当现有框架、库满足不了我们需求的时候，我们应该尝试去自己…

vue-cli是Vue.js官方推出的脚手架，它功能丰富、扩展性强，为Vue应用开发带来了极大的便捷，它提供了多种开发范式，诠释了开箱即用。vue-cli@3版本经历了alpha、beta、rc版本近7个月的迭代开发，在最近几天正式版终于发布，本文主要讲解如何使用vue-cli…