在測試canvas的時候，發(fā)現(xiàn)，img間歇性的刷不出來，嘗試了好多好多次，各種的場景，最后發(fā)現(xiàn)，當拖動一下屏幕的時候，圖像就出來了，不知道為啥。

------留下了沒文化的眼淚！----

這里挖個墳，等哪天明白了再來填上

mounted() {
    // window.onload = function(){
    var canvas = document.getElementById("canvas");
    canvas.width = 800;
    canvas.height = 600;
    var context = canvas.getContext("2d");
    context.fillStyle = "#FFF"
    context.fillRect(0,0,800,600)

    context.stroke()
    context.fill();

    context.beginPath()
    var img = new Image()
    // 獲取圖片的地址
    // 因為是webpack的，所以嘗試了使用 “” 無效，用url("")無效，最后用了用require("")可以。
    img.src = require("./assets/notice_edit.png");
    img.onload = function() {
    //不知道為啥，偶爾出不來，挺穩(wěn)定的
    //并且，當我換一個圖片時，第一張可以顯示，再換一張，就顯示不出來了，需要清除緩存，關閉頁面，重啟。。
      var pattern = context.createPattern(img, "repeat");
      context.fillStyle = pattern;
      context.fillText("<What a fuck!>", 50, 400)
    }
  },