:::
主內容區域
11. Composition API
- 可以把共用的功能做成 Composition API
- 新增 API 資料夾,例如:
my-api - 新增檔案,例如:
my-api/useWebSocket.js// 連線 websocket export function webSocket(url) { const ws = new WebSocket("ws://" + url); return ws; } - 新增API主檔案,例如:
my-api/index.jsimport { webSocket } from "./useWebSocket.js"; export const useWebSocket = webSocket; - 在元件中使用
import { useWebSocket } from "../my-api"; export default { setup() { const ws = useWebSocket("120.115.2.76:8443/"); }, };
10-2 modules 用法