12.Vue - 如何进行 Vue 调试

1. Vue Chrome 插件（推荐）

2. console.log 、console.error 显示出来的是红色的

3. alert 也可以

4. debugger 也可以

5. 在mounted里面绑定 window.vue=this
   在浏览器控制台里面输入 window.vue.想要测试的方法或者变量

<script>
import store from '../store.js'
export default {
    name: 'info',
    store,
    data(){
       return{
           msg: 'hello msg'
       }
    },
    mounted(){
        window.vue = this
    },
    methods: {
        add(){
            console.log('Add event from info.vue')
            store.commit('increase')
        },
        output() {
            console.log('hello console')
        }
    }
}
</script>

在浏览器控制台输入，测试，如下图：

6. var app = new Vue({}) 然后
   在浏览器控制台里面输入 app.想要测试的方法或者变量

https://www.imooc.com/video/18563