vue.js里面的變量，怎么用瀏覽器的console查看？

@toBeTheLight 已經(jīng)把開發(fā)工具說了，下面來說說怎么實現(xiàn)你的需求

首先在那個 vue-devtool 中找到你要查看的組件，選中它，保證組件名右側有個 == $vm0 的東西，如下圖，

然后去控制臺，以我上面的組件為例，我要看組件上的 collapse 這個 prop，去控制臺直接打印 $vm0.collapse

善用Vue DevTools

在created里面console.log(this.content);不就看得到了

如果你是想在瀏覽器的控制臺手動打印，你需要將實例化vue對象存到一個變量中，然后通過變量訪問實例化的屬性。例如：

<script>
    var vueDemo = new Vue({
        el: '#app',
        data: {
            message: '我是測試數(shù)據(jù)'
        }
    });
    
    // 訪問
    console.log(vueDemo.message)
</script>

如果想手動打印,可以在mounted里 window.vue = this
瀏覽器 控制臺 console.log(vue.content)

安裝vue調試工具，一目了然。

官方文檔里有推薦調試工具。

谷歌插件：vue Devtools

這個哪怕是作者可以做，但是有與他本身的意圖違背了。
你想一下，你一個html可能包含n多個組件，你每個組件里面都有content這個變量，或者都有show方法，組件之間的這些變量命名，是不沖突的。不像以前一個js 重復起名，后面的會覆蓋前面的。所以，你congsole(this.content)其實指的是window的content.作者怎么能違背瀏覽器本身的設計呢