Vue.js是一種流行的JavaScript框架，它允許開發者輕松地構建響應式和動態的用戶界面。其中一個Vue.js的關鍵特性就是導出（export）組件、指令和函數等模塊。通過使用export語法，我們可以讓Vue.js應用程序的不同組件之間互相通信和共享邏輯。下面我們來看一下Vue.js中export的用法。

首先，讓我們來看一下如何導出Vue組件。Vue組件是指Vue.js應用程序中的一個模塊，它包含了HTML、CSS和JavaScript等一些相關的功能。下面是一個例子：

export default {
name: 'HelloWorld',
data() {
return {
msg: 'Hello World!'
}
}
}

在以上代碼中，我們使用了export default語法，使得該組件可以在其他Vue.js應用程序中使用。該組件的名字為HelloWorld，其中包含了一個data屬性，用于存儲組件中的信息。在其他Vue.js組件中使用該組件時，只需使用import語句即可，例如：

import HelloWorld from '@/components/HelloWorld.vue'
export default {
name: 'App',
components: {
HelloWorld
}
}

在以上代碼中，我們通過import語句導入了HelloWorld組件，然后在另一個組件中使用了該組件。

除了導出組件外，我們還可以導出Vue.js指令。Vue.js指令是指在Vue應用程序中使用的一個JavaScript函數，它允許我們直接操作DOM元素。下面是一個例子：

export const myDirective = {
inserted(el, binding) {
el.innerText = binding.value.toUpperCase()
}
}

在以上代碼中，我們使用了export const語法，導出了一個名為myDirective的指令。該指令使用inserted鉤子函數，用于在DOM元素被插入到文檔中時修改元素的innerText屬性。在Vue.js應用程序中使用該指令時，只需將其添加到Vue實例的directives選項中，例如：

import { myDirective } from '@/directives/myDirective'
export default {
name: 'App',
directives: {
myDirective
}
}

在以上代碼中，我們通過import語句導入了myDirective指令，然后在Vue實例的directives選項中使用了該指令。

最后，我們還可以導出通用的JavaScript函數。這些函數可以用于處理Vue組件中的數據、實現業務邏輯等。下面是一個例子：

export function sum(a, b) {
return a + b
}

在以上代碼中，我們使用了export function語法，導出了一個名為sum的函數。在Vue.js應用程序中使用該函數時，只需在需要該函數的組件中導入該函數即可，例如：

import { sum } from '@/utils'
export default {
name: 'App',
data() {
return {
a: 1,
b: 2
}
},
computed: {
c() {
return sum(this.a, this.b)
}
}
}

在以上代碼中，我們通過import語句導入了sum函數，然后在組件中的computed屬性中使用了該函數，計算了a和b的和c。