Edge是微軟瀏覽器,這里將介紹如何在Edge中調試Vue。主要分為兩部分:Edge中對Vue的支持,和在Edge中如何調試Vue。
首先,需要確保Edge瀏覽器版本在16以上,因為在這個版本中,Edge開始支持原生的Custom Elements和Shadow DOM。而這兩個API是Vue使用的Web Components 流派中的先鋒。
const button = document.createElement('custom-button')
其次,需要安裝Vue devtools。下載地址為:https://github.com/vuejs/vue-devtools#vue-devtools
安裝完Vue devtools后,在Edge中打開Vue devtools工具。按F12, 選擇“Vue”選項卡,然后選擇“組件樹”。如果你的Vue應用程序正在運行著,那么它將會顯示在這里。
Vue.config.devtools = true
最后,可以在Edge的“控制臺”面板中來調試Vue。下面是一個最基本的例子:
new Vue({ el: '#app', data: { message: 'Hello Vue.js!' } })
現在,在Edge中,可以在控制臺中操縱message屬性:
$vm1.message = 'Hello Edge!'
完美!希望這篇文章對于你來說有所幫助。