在Vue開發中，有時候我們需要使用一些外部組件，這種情況下，我們可以使用Vue的組件化開發來實現，而且Vue也有一些官方推薦的外部組件庫，如Element UI、Ant Design Vue等。

在使用外部組件前我們需要先安裝它們，通常是通過npm安裝。以Element UI為例，可以在命令行中使用以下命令來安裝它：

npm install element-ui --save

安裝完成之后，我們需要在Vue項目中引入Element UI組件。可以在main.js文件中添加以下代碼：

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

在添加完以上代碼后，我們就可以開始使用Element UI組件了。在Vue文件中使用Element UI組件，需要在template中注冊組件，并在script中引入。以下是一個簡單的使用Element UI button組件的示例：

在以上示例中，我們首先在template中使用了el-button組件，然后在script中引入了該組件，并注冊成一個全局組件。這樣我們就能在Vue組件中使用Element UI button了。

當然，除了官方推薦的外部組件庫外，還有許多第三方組件庫可供使用。同樣需要通過npm安裝，并在Vue項目中引入。以下是一個使用第三方組件庫Vant UI的示例：

在以上示例中，我們首先在template中使用了van-button組件，然后在script中引入了Vant組件庫，并注冊成一個全局組件。這樣我們就能在Vue組件中使用Vant UI button了。

需要注意的是，不同的組件庫注冊方法有所不同，具體可以參考相關文檔。同時，我們在使用外部組件時，也應該注意任何一個組件庫的基礎樣式和布局是不同的，需要在各自的樣式規范內進行自由組合和定制，以實現滿足自己需求的組件。