我遇到了一个奇怪的问题,该问题会引起人们的兴趣。我已经了解了“事件总线”,您创建了另一个可以向其发出事件的Vue实例。所以我在app.js中实例化了它:
export const bus = new Vue();
我什至没有开始使用它,但是我已经将其导入到我的一个组件中(该组件以Vue.component('events-view', require('./components/Events/View.vue'));
的形式导入到项目中
在此组件中,我刚刚导入了总线:
import { bus } from '@/app'
该导入导致完全不同的页面无法加载其数据。日期选择器(vue-bootstrap-datetimepicker)停止工作时出现问题。我注释掉了日期选择器,但是初始数据不会在表单上设置,没有其他错误显示。但是在vue-devtools中,我只能看到“ root”元素,而不能检查子组件。该视图是一个laravel刀片模板,可加载vue组件(作为Vue.component('events-edit', require('./components/Events/Edit.vue')); )
导入到项目中。
没有引用加载总线的其他组件。
我通过检查git diff来发现问题,然后回到工作正常的地方,然后添加一些代码,直到出现错误-那就是我添加了总线的导入(似乎没有其他方法)引起问题)。
我不依赖总线,因此可以删除它,但是我仍然想知道为什么会这样?