javascript - すべての vue コンポーネント テンプレートで lodash を使用する

Question

_すべての vue コンポーネントでlodash を使用できますか?

例えば：

以下のように構成されたコンポーネントがあります。

App.vue> Parent.vue>Child.vue

_すべてのコンポーネント vm で定義せずに、すべてのコンポーネントが lodashにアクセスできるようにしたいdata

===

Mixinsも使用しようとしています。できます。_().isEmpty()しかし、代わりにこのように期待されていない結果_.isEmpty()

Answer 1

js モジュール コードから分離されたインライン テンプレートの場合は、次のように動作する必要があります。

  Vue.component('some-tag', {
    computed: {
      _() {
        return _;
      }
    }
  });

そして、それをテンプレートで「ネイティブ」な方法で使用できます - _.isEmpty(value).

Answer 2

適切な方法は、provide / injectをそのまま使用することです。

import _ from 'lodash';

const app = createApp({
        provide: {
            $_: _,
        }
    });

次に、別のコンポーネントで:

<script>
    export default {
        name: 'аnоthег-component',
        inject: [
            '$_'
        ]
    }
</script>