vue.js 如何获取某个组件实例？

Question

自定义了一个组件Vue.component('combo', {..})，然后在某处模板中用到了<combo id="xxx"></combo>

有方法能直接获取到这个combo的vue实例吗？

例如dojo里有dijit.byId
extjs里有Ext.ComponentQuery
jquery里有选择器

Answer 1

<combo v-ref:combo> </combo>

console.log(this.$refs.combo)

http://vuejs.org/api/#v-ref

Answer 2

发现vue devtools完美解决我的问题。。

Answer 3

http://cn.vuejs.org/api/#vm-mount

Answer 4

可以使用$children $parent 根据结构区访问,但是这样子不太好.只是可以......

Answer 5

1. vue devtools扩展

2. element中点选组件对应的dom, 然后访问window.$0.__vue__

3. 把根的Vue对象暴露到window，使用window.App.$children属性

4. 定义组件的时候直接把各个组件暴露到window上面，用name来区分