在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ 在vuejs項(xiàng)目中,如何查看項(xiàng)目中全局注冊(cè)了那些“組件”,“指令”,“過(guò)濾器”等

在vuejs項(xiàng)目中,如何查看項(xiàng)目中全局注冊(cè)了那些“組件”,“指令”,“過(guò)濾器”等,通過(guò)某方式打印出來(lái)?

在jQuery項(xiàng)目中,如果擴(kuò)展了靜態(tài)方法和實(shí)例化方法,可以通過(guò)打印console.dir($)和console.dir($.fn)打印出來(lái),不是jQuery原有的,肯定就是工程師自己擴(kuò)展進(jìn)去的。比如$.ajax是jQuery自有的,$.myPlugin肯定就是工程師自己擴(kuò)展的,因?yàn)檫@種擴(kuò)展代碼復(fù)用性比較高,反正看下代碼邏輯就可以直接使用了。

現(xiàn)在接手了一個(gè)vuejs項(xiàng)目,代碼組織形式比較亂,閱讀成本偏高,這個(gè)時(shí)候也想通過(guò)打印Vue(Vue在這里只是個(gè)舉例)變量的形式找出全局注冊(cè)的“組件”,“指令”,“過(guò)濾器”等,有解決方案嗎?

回答
編輯回答
陌顏

第一種方法(推薦):
Chrome有專門(mén)的Vue開(kāi)發(fā)工具,里面可以查看組件、數(shù)據(jù)事件等等,非常方便,比打印出Vue實(shí)例本身去查看好多了,效果圖會(huì)像這樣:

clipboard.png


第二種方法:
也就是打印Vue本身實(shí)例,在created、beforeMounted、mounted三個(gè)周期中的一個(gè)里面寫(xiě)上一句:console.log(this);,這樣就能看到整個(gè)Vue實(shí)例。


希望我的回答對(duì)你有所幫助!

2018年8月21日 16:23
編輯回答
拮據(jù)

大概可以嘗試一下Chrome的vue插件,至少能將頁(yè)面中包含的組件以及vuex的相關(guān)東西表達(dá)出來(lái)

2018年3月26日 21:32
編輯回答
局外人

暫時(shí)不知道有這些方法。
你可以自己再它的原型上添加方法 獲取到實(shí)例,打出他們的組件、指令、等。

2018年3月19日 11:16
編輯回答
愛(ài)是癌

謝邀
寫(xiě)一段代碼你應(yīng)該就明白了

// 基礎(chǔ)滾動(dòng)
import stack from './demo/stack_basic'
// 實(shí)例vue
let vm = new Vue(stack)
console.log(vm)

具體查看這里吧vue實(shí)例

2018年1月27日 13:01