您好,欢迎访问代理记账网站
  • 价格透明
  • 信息保密
  • 进度掌控
  • 售后无忧

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;
    }
}

调试结果

 


分享:

低价透明

统一报价,无隐形消费

金牌服务

一对一专属顾问7*24小时金牌服务

信息保密

个人信息安全有保障

售后无忧

服务出问题客服经理全程跟进