在Vue中，我們經常需要使用import來引入外部模塊。往往一個模塊中會包含多個組件、工具類等等，而我們有時候只需要引入其中的某一個文件或者某幾個文件。這時候就需要使用Vue的按鈕控制import功能了。

導入組件

上面的按鈕代碼就是一個簡單的示例，當我們點擊這個按鈕時，會執行importComponent方法。在這個方法中，我們可以根據需要引入的模塊來控制import語句的執行。

import myComponent from './myComponent.vue'
methods: {
importComponent() {
console.log('導入組件')
console.log(myComponent)
}
}

在importComponent方法中，我們使用import語句引入了一個名為myComponent.vue的組件。當我們點擊按鈕后，控制臺會輸出導入的組件對象。

當然，我們可以通過添加參數的方式來控制需要導入的模塊。例如：

import { myComponent1, myComponent2 } from './myComponents'
methods: {
importComponents() {
console.log('導入組件')
console.log(myComponent1)
console.log(myComponent2)
}
}

在上面的示例中，我們從myComonents模塊中導入了兩個組件對象。當我們點擊導入組件按鈕時，會輸出這兩個組件的對象信息。

除了組件，我們還可以使用相同的方式來控制導入其他類型的模塊，如工具類、配置文件等等。只需要根據需要添加相應的import語句即可。

import { myTool1, myTool2 } from './myTools'
methods: {
importTools() {
console.log('導入工具類')
console.log(myTool1)
console.log(myTool2)
}
}

通過按鈕控制import功能，我們可以使應用更加靈活和高效，避免不必要的性能消耗和資源浪費。