随着组件的细化，就会遇到多组件状态共享的情况，Vuex当然可以解决这类问题，不过就像Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是vue.js 2.6新增加的Observable API ，通过使用这个api我们可以应对一些简单的跨…

5.1假期第二天，依然窝在家里，不过今天来客了，我的好朋友「晓哥」来看小宝，中午喝了点，各自「吹嘘」了一阵，聊聊各自职业的发展，工作中遇到的问题，以及对未来的规划。 他现在发展的特别好，在一家近千人开发的公司，主管北京地区的业务，包括需求洽谈、研发、项目推进和验收等，公司业务是…

之前用饿了么印象最深刻的是联动菜单和小球飞入购物车动画，所以想看看别人是怎么实现的，但是看了很多仿饿了么的demo都是实现了一个完整的大的项目，要找到那个小模块很麻烦，所以自己将联动菜单和动画提取出来写了一个demo，方便学习。 1. 联动菜单 该元素定位表现为在跨越特定阈值前…

1. 组件名为多个单词 2. 组件数据 3. Prop定义 4. 为v-for设置键值 6. 为组件样式设置作用域 1. 组件文件 2. 单文件组件文件的大小写 3. 基础组件名 4. 单例组件名 5. 紧密耦合的组件名 6. 组件名中的单词顺序 7. 模板中的组件名大小写 8…

组件是vue.js 最强大功能之一，组件的作用域是相互独立的，这就意味着不同组件之间的数据是无法相互引用，所以就有了各种组件通信方式。 不管啥样的通信方式，都逃离不了上图的各种关系(树)。 A和B、B和C、B和D 都是父子关系，C与D 是兄弟关系，A与C、A与D 是隔代关系（多…

当前前端估计没有不知道vue这个渐进式框架，由于它容易上手，支持各种类库，各种优点，成为我们开发单页应用的一个不二之选。下面是我在学习和工作中对组件之间通信和交互方式的归纳，希望对你有所帮助。 然后回到需求本身父亲要跟儿子说回来吃饭了。也就是父组件要向子组件传递一个信息。可以选…

首页登录逻辑要求在页面上判断是否获取到登录token ，没有获取到则跳转到登录页。登录成功后，跳转到前一个页面。 路由判断首先我们想到的是router.beforeEach 前置导航守卫 ，这个方法接受三个参数 to from next 。 to参数为即将跳转的路由路径，fro…

为了更快显示出效果，我把时间设成了5秒。按钮在点击之后会出现倒计时，同时按钮变为不可点击状态，样式也发生变化，鼠标悬浮上的样子也会发生变化。 在data里加了两条数据，一条用来记录时间，一条用来盛放倒计时按钮的具体内容。在countDown函数里我们用了setInterval定…

使用Vuex做状态管理的时候，当用户刷新页面，Vuex里面的状态会全部丢失，从而引起程序的一场。解决思路是在creared()钩子函数里面添加以下方法: 上面代码的原理是，当页面刷新时，会将当前Vuex的状态存储到LocalStorage里面，刷新成功，再从LocalStora…