vue是一款流行的開源JS框架，使用vue開發應用程序時，獲取組件是必不可少的一步。vue提供了多種方式來獲取組件，下面將介紹幾種常用方式。

1. 使用全局方式獲取組件

Vue.component('my-component', {
// options
})
var MyComponent = Vue.component('my-component')

2. 使用局部方式獲取組件

var Parent = Vue.extend({
components: {
'my-component': {
// options
}
}
})
var myComponent = Parent.components['my-component']

3. 使用$ref來獲取組件

<template>
<div>
<my-component ref="component"></my-component>
</div>
</template>
<script>
export default {
mounted () {
this.$refs.component // 此時可以訪問到my-component組件的實例
}
}
</script>

4. 使用$children和$parent來獲取組件

<template>
<div>
<my-parent-component ref="parent">
<my-child-component ref="child"></my-child-component>
</my-parent-component>
</div>
</template>
<script>
export default {
mounted () {
this.$refs.parent.$children[0] // 訪問my-child-component組件的實例
this.$refs.child.$parent // 訪問my-parent-component組件的實例
}
}
</script>

5. 使用$root來獲取根組件

<template>
<div>
<my-child-component></my-child-component>
</div>
</template>
<script>
export default {
mounted () {
this.$root // 訪問根組件實例
}
}
</script>