Nuxt.js로 plugin을 쾌적하게 운용한다 ( 타입 정의 파일의 구현)
~/plugins/api.js
를 구현하고 싶다.~/plugins/api.js
export default function ({ }, inject) {
const api = new API()
inject('api', api)
}
class API {
executeSomething() {
return 'Hello world!'
}
}
이 API 플러그인을
~/nuxt.config.js
에 등록하고,~/nuxt.config.js
// 中略
plugins: [
{ src: './plugins/api.js' }
]
pages등으로 사용하려고 하면...보완이 효과가 없다.
대응책
~/plugins/api.d.ts
만들기 ~/plugins/api.d.ts
export declare interface api {
executeSomething(): String
}
index.d.ts
만들기 ~/index.d.ts
import Vue from 'vue'
import { api } from './plugins/api'
declare module 'vue/types/vue' {
interface Vue {
$api: api
}
}
와이🙌
Reference
이 문제에 관하여(Nuxt.js로 plugin을 쾌적하게 운용한다 ( 타입 정의 파일의 구현)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/up-tri/items/8fc77afa35ab2adeed4d텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)