Vue項目中 使用 Charles 代理 ，加載了三次 Js 導致雙向數據綁定失效。

由于需要測試本地的代碼，所以將線上的項目的js代理到本地，線上項目有 mainifest.js、vendor.js、app.xxx.js。犯了個錯誤將被替換的js路徑寫成了*，所以三個js都代理了本地webpack起的server上的js，導致項目加載三次。

理應這也沒關系，但是問題出來了，雙向數據綁定失效了？？

<template><div>{{num}}</div></template>

<script>
    export default {
        data() { return { num: 10 } },
        created() {
            setTimeout(() => {
                this.num = 20;  // 這里的num就不會加載上去
                console.log(this); // 控制臺查看this對象，內部的num值已經變20了，頁面中就是不變
            })
        }
    }
<script>

為什么會這樣，求大神解答