vue 调试技巧 window.vue=this

调试方法——控制台

在vue文件中添加下方代码，将vue实例绑定到window的vue属性上

mounted(){
    window.vue=this
},

在页面中打开控制台后，通过window.vue便能查看所有vue中的变量和方法。

范例代码

mounted() {
    window.vue = this
},
data() {
    return {
        msg: "子组件的消息",
        childInfo: {
            name: "张三",
            age: 30
        }
    };
},
methods: {
    ChangeTiltle(val) {
        this.childTiltle = val;
    }
}

调试结果