質問: ### 前提 ``` import Foo from "./Foo" ``` 大量にある .vue のファイルすべてで上のように定義しています。 Foo は methods や computed のなかで参照します。 また .vue によっては `
回答: 以下の点が気になる。 1. Foo がどんなものなのか漠然としている。どんな責務を持ち、どんな使われ方をするものなのか具体性がない。よってどのような部品化が適切なのかも判断がつかない。 2. グローバル変数ライクなものを気軽にホイホイと増やす、という想定に違和感がある。それは設計がおかしいのでは? まったくもっておすすめしないけど どうしてもそうしたいなら方法3のcomputedを下のようにすれば十分では。 ``` function mapStatic(obj) { return Object.fromEntries(Object.entries(obj).map(([k, v]) => [k, () => v])); } computed: mapStatic({Foo, Bar}) ```