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.js
import { webSocket } from "./useWebSocket.js";
export const useWebSocket = webSocket;
- 在元件中使用
import { useWebSocket } from "../my-api";
export default {
setup() {
const ws = useWebSocket("120.115.2.76:8443/");
},
};
-