小编Dou*_*ich的帖子

直到最近，当在 Chrome 调试器中的断点处暂停时，如果将鼠标悬停在一个黄色对话框中，JavaScript 变量、数组或对象的当前状态会弹出。尽管我不知道发生了什么变化，但这不再起作用。有没有其他人经历过这种情况？这确实使在这台计算机上进行调试变得更加困难。我的另一台计算机在 Chrome Dev Tools（两台 Windows 7 机器）中仍然具有正常行为。提前致谢。

我有一个使用Vue CLI 3创建的项目，其中包括Vue的PWA插件。我想显示横幅提示用户点击描述一个在应用程序“刷新”链接在这里的“方法3”部分。

但是在我的Vue.js应用程序中，因为service-worker代码是在中执行的main.js，并且快餐栏横幅已内置到App.vue组件中，所以我不确定showRefreshUI()一旦updated()调用service-worker 事件后如何触发我的方法。

main.js （适用部分）

import Vue from 'vue';
import App from './App';
import './registerServiceWorker';

new Vue({
  router,
  render: h => h(App),
}).$mount('#app');

register-service-worker （适用部分）

import { register } from 'register-service-worker';

if (process.env.NODE_ENV === 'production') {
  register(`${process.env.BASE_URL}service-worker.js`, {
    updated (registration) {
      console.log('New content is available; please refresh.');
      // I'd like to call App.vue's showRefreshUI() method from here.
    },
  });
}

App.vue （适用部分）

<script>
export default {
  name: 'App', …