我们知道，vue有一个重要的理念就是组件化，即将重复使用的功能点抽提出来作为组件，需要使用的页面只需要引用该组件即可得到相应的功能点。 而组件化的一个重要特性就是作用域隔离，即一个组件实例拥有一个私有的作用域，当在页面中引用了该组件之后，只有该组件实例能访问该作用域。 但是当在同一个页面多次使用同一个组件的时候，如果只创建了一个实例，但是却对这个实例调用了两次，这两个调用就会造成相互干扰的问题，因 ...
2020-03-08 05:11 6 35298 推荐指数：
如果按照常规操作,会发现,组件之间的值会相互影响 解决方案1:使用不同的标识 会发现,处理起来很繁琐 解决方案2:使用.sync修饰符,进行双向数据绑定 只需要在使用组件时,控制autoValue属性,即可实现是否进行双向数据绑定. *************************************************************** ...
在做后台管理的时候，很多时候会用到数据展示，一般有饼状图，柱状图，折线图以及雷达图等（我列举的是较为常用的） 那么有时候也会出现同一个页面里会有不止一个饼图或者柱状图，这个时候，写两个组件吧，太麻烦，而且内容一模一样，也失去了写组件最初的意义。 但是一个组件调用两次，你渲染的时候会发现，他只会 ...
vue缓存时如果发现组件相同，则会认定为同一个。 同一个组件根据不同路由做不同的缓存需在keep-alive的router-view中加上key，如下所示： 加上key，不同就一定会认为是不同的东西，可根据路由分别进行缓存。 ...
项目中经常会用到同一个页面，结构是相同的，我只是在vue-router中通过添加参数的方式来区分状态，参数可以在页面跳转时带上params，或者query，但是有一个问题，即使我们修改了参数，URL也显示已经改变，但页面并不会刷新，因为路由是相同的，vue就会认为你是同一个页面，从而复用已加载 ...
红色框为增改部分！！！ 效果： ...
在父组件页面引入两次该图表子组件显示的效果： 由于是百分比宽高，所以在窗口发生变化时，需要让图表也跟着自适应，所以才出现了本次讨论的问题啦。 先看下完整的图表子组件代码（在父组件就是直接引入，不需要传参哦）： 窗口改变时图表自适应代码在最后，这里分别提出来做 ...
public interface AService { public void a(); public void b(); } @Service() public class AServiceI ...
首先展示一下效果页面 将标签存放在Tags.vue，使用组件传值进行切换。增加keep-alive缓存机制 1、在home页面或主页面注册tabs组件 ...
