2017-05-25 20 views
2

此前VUE是Laravel的一部分,我會經常簡單地使用調試{{轉儲($ VAR)}}在Laravel 5中,如何在啓用vue的模板上轉儲變量?

所以現在這樣做會引發在JavaScript中的異常作爲Vue公司不喜歡<內script>標記內容的正文。這不是遊戲突破,但它很煩人。它仍然顯示整個數組,只是它周圍的JavaScript不再有效。

有沒有Vue公司相當於laravel的垃圾場?我可以告訴Vue在進行調試時忽略腳本標記嗎?

爲了清楚起見,我想找輸出從PHP,其中它顯示了特性,屬性,價值等的類型我不希望以輸出內的JavaScript一個對象的變量。

回答

0

的console.log()會工作,但它的工作只能通過JavaScript,但我個人建議你將使用vue.js插件從瀏覽器?它更好地理解你後面vue變量的真實情況。

繼承人的鏈接,

vue dev tools chrome

然後在你的瀏覽器(F12)U將從Vue的標籤一起控制檯,網絡HTML找到它。

+0

我已經更新的問題。我正在查看PHP的變量。當使用轉儲函數時,Vue打破了Laravel的輸出。所以在這一點上,變量不存在於Vue中。我可以移動包含VUE應用使用了轉儲後,其中的div,但將導致VUE組件無法正常工作。我希望有或將是一個調試選項,Vue公司忽略腳本和樣式標記,限制,當我使用laravel調試選項。 – Recognizer

+0

如果u希望查看從PHP變量成VUE部件然後使用道具.. https://vuejs.org/v2/guide/components.html#Passing-Data-with-Props 如果你使用的VUE 1和在刀片模板包住組件道具到 <組件:變量= 「{{json_encode($ ur_data)}}」> 如果vue2 你可以指揮它 <組件:變量=「{{$ ur_data}} 「> 並在你的模板中使用 道具:['variable'] 然後你可以通過模板看到你的php變量 –

0

你可以試試{{的var_dump($變量)}}

如果你只是想看看你與你一起工作的變量可以使用PHP函數的var_dump(的內容),而不是轉儲() 。這不是在轉儲()是一樣的圓潤風格的方式,你不能摺疊或展開部分像您可以使用dump()。但它會轉儲你需要的數據而不會干擾你的Vue代碼。

{{轉儲($變量)}}無VUE: dump image

{{的var_dump($變量)}}有或無的Vue: var_dump image