在vue中，可以使用export關(guān)鍵字來導(dǎo)出組件、方法等模塊。使用export可以方便其他模塊引用該模塊，同時(shí)也提高了代碼的可復(fù)用性。

// 導(dǎo)出一個(gè)組件
export default {
name: 'MyComponent',
data() {
return {
msg: 'Hello World!'
}
},
methods: {
sayHello() {
console.log(this.msg)
}
}
}

上述代碼中，我們使用export default關(guān)鍵字來導(dǎo)出一個(gè)名為"MyComponent"的組件。其他模塊可以使用import關(guān)鍵字來引用該組件：

// 引入組件
import MyComponent from './MyComponent.vue'
// 使用組件

除了使用export default來導(dǎo)出模塊，我們還可以使用export關(guān)鍵字來導(dǎo)出多個(gè)模塊：

// 導(dǎo)出多個(gè)模塊
export const module1 = {
// ...
}
export const module2 = {
// ...
}

其他模塊可以使用import關(guān)鍵字來引用任意一個(gè)導(dǎo)出的模塊：

import { module1, module2 } from './modules'
console.log(module1)
console.log(module2)

在vue中，我們還可以使用export導(dǎo)出一個(gè)變量、函數(shù)等簡(jiǎn)單類型的模塊：

// 導(dǎo)出一個(gè)變量
export const title = 'My Title'
// 導(dǎo)出一個(gè)函數(shù)
export function sayHello() {
console.log('Hello World')
}

其他模塊可以使用import關(guān)鍵字來引入導(dǎo)出的變量、函數(shù)：

// 引入變量
import { title } from './variables'
console.log(title)
// 引入函數(shù)
import { sayHello } from './functions'
sayHello()

使用export關(guān)鍵字可以使我們的代碼更加模塊化、可復(fù)用，同時(shí)也方便其他模塊的引用和維護(hù)。