created(){
	this.shortPolling = setInterval(function(){
	    that.getRuset()
	},5000)
},
...
getResult(){
	var that = this
	this.$axios('xxx,',post).then(res=>{
		if(res.code === 200){//拿到想要的結(jié)果
			 ...
			 //定時器是否清除由業(yè)務(wù)場景決定
			 clearInterval(this.shortPolling)
		}
	})
}

getResult(){
	var that = this
	this.$axios('xxx,',post).then(res=>{
		if(res.code === 200){
			...
		}else{
			this.getResult()
		}
		...
	})
}

//在vue中嵌入iframe
<iframe ref="iframe" v-show="iframeShow"></iframe>

watchIframe(){
	//先找到iframe的窗口
	this.iframeWin = this.$refs.iframe.contentWindow;
	//向iframe發(fā)送信息,大括號內(nèi)是發(fā)送的內(nèi)容;
	this.iframeWin.postMessage(
	     { 
	
	      },"*"
	);
	//怎樣監(jiān)聽iframe傳過來的信息
	window.addEventListener("message", this.handleMessage);
	//獲取iframe傳過來的信息
	handleMessage(res){
	  //res為傳過來的信息
	 ...//渲染頁面
	}
}

source.addEventListener('open', function (event) {
  // ...
}, false);
//客戶端收到服務(wù)器發(fā)來的數(shù)據(jù)，就會觸發(fā)message事件，可以在onmessage屬性的回調(diào)函數(shù)。
source.addEventListener('message', function (event) {
  var data = event.data;
  // handle message
}, false);

//如果發(fā)生通信錯誤（比如連接中斷），就會觸發(fā)error事件，可以在onerror屬性定義回調(diào)函數(shù)。
source.addEventListener('error', function (event) {
  // handle error event
}, false);

//close方法用于關(guān)閉 SSE 連接。
source.close();

 var ws = new WebSocket("wss://echo.websocket.org");

  // 當連接建立成功，觸發(fā) open 事件
  ws.onopen = function(evt) {
    console.log("建立連接成功 ...");

    // 連接建立成功以后，就可以使用這個連接對象通信了
    // send 方法發(fā)送數(shù)據(jù)
    ws.send("Hello WebSockets!");
  };

  // 當接收到對方發(fā)送的消息的時候，觸發(fā) message 事件
  // 我們可以通過回調(diào)函數(shù)的 evt.data 獲取對方發(fā)送的數(shù)據(jù)內(nèi)容
  ws.onmessage = function(evt) {
    console.log("接收到消息: " + evt.data);

    // 當不需要通信的時候，可以手動的關(guān)閉連接
    // ws.close();
  };

  // 當連接斷開的時候觸發(fā) close 事件
  ws.onclose = function(evt) {
    console.log("連接已關(guān)閉.");
  }

/** 主線程 **/
//注冊專用線程
let worker = new Worker ('worker.js')
worker.onmessage = (e) => {
  console.log(e.data) // I post a message to main thread
}
worker.postMessage('main thread got a message')
 
/**  子線程 worker.js  **/
onmessage = (e) => {
    console.log(e.data) // main thread got a message
}
postMessage('I post a message to main thread')

// 在主線程中終止
worker.terminate()
 
// 在子線程中終止自身
self.close()

//注冊共享線程
let worker = new SharedWorker("sharedworker.js");
/**  主線程  **/
worker.port.onmessage = function(e){}
worker.port.postMessage('data');
 
/** 子線程 **/
addEventListener('connect', function(event){
    var port = event.ports[0]
    //接收
    port.onmessage = function(event){
        console.log(event.data);
    };
    //發(fā)送
    port.postMessage("data");
    port.start();
});

// 在主線程中終止
worker.terminate()
 
// 在子線程中終止自身
self.close()

worker.addEventListener("error", function(evt){  
	alert("Line #" + evt.lineno + " - " + evt.message + " in " + evt.filename);  
	}, false);  
	worker.postMessage(10000);  
});  

// serviceWorker.js
import { register } from 'register-service-worker'

if (process.env.NODE_ENV === 'production') {
  register('service-worker.js', {
    ready () {
      console.log(
        'App is being served from cache by a service worker.'
      )
    },
    registered () {
      console.log('Service worker has been registered.')
    },
    cached () {
      console.log('Content has been cached for offline use.')
    },
    updatefound () {
      console.log('New content is downloading.')
    },
    updated () {
      console.log('New content is available; please refresh.')
      window.location.reload(true)   // 這里需要刷新頁面
    },
    offline () {
      console.log('No internet connection found. App is running in offline mode.')
    },
    error (error) {
      console.error('Error during service worker registration:', error)
    }
  })
}

plugins: [
    new SWPrecacheWebpackPlugin({
      cacheId: 'my-project-name',
      filename: 'service-worker.js',
      staticFileGlobs: ['dist/**/*.{js,html,css}'],
      minify: true,
      stripPrefix: 'dist/'
    }),

    new WebpackPwaManifest({
      name: 'My Progressive Web App',
      short_name: 'MyPWA',
      description: 'My awesome Progressive Web App!',
      background_color: '#ffffff',
      crossorigin: 'use-credentials', //can be null, use-credentials or anonymous
      icons: [
        {
          src: path.resolve('src/assets/icon.png'),
          sizes: [96, 128, 192, 256, 384, 512] // multiple sizes
        },
        {
          src: path.resolve('src/assets/large-icon.png'),
          size: '1024x1024' // you can also use the specifications pattern
        }
      ]
    }),
    // ...
]

import './serviceWorker'