# カスタマイズで Vue.js を利用するときの注意点

**URL:** <https://community.cybozu.dev/t/topic/7684>\
**Category:** kintone 開発相談\
**Created:** [2023 年 6 月 29 日午前 2:31 UTC](https://community.cybozu.dev/t/topic/7684 "2023-06-29T02:31:32Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Staff-ramen](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/staff-ramen/32/24_2.png) [@Staff-ramen](https://community.cybozu.dev/u/Staff-ramen)\
**Post date:** [2023 年 6 月 29 日午前 2:31 UTC](https://community.cybozu.dev/t/topic/7684/1 "2023-06-29T02:31:32Z")

</div>

kintone や Garoon のカスタマイズやプラグインで Vue.js を利用する場合、次のように、即時関数の引数に Vue オブジェクトを渡す書き方を行ってください。

```
((Vue) => {
  'use strict';
  kintone.events.on('app.record.index.show', () => {
    // 適用したバージョンの Vue.js が使われる
    console.log(Vue.version); // バージョンを確認する
    return event;
  });
})(Vue);

```

複数のバージョンの Vue.js を適用していると、意図していないバージョンの Vue.js が使われることがあります。

上記の方法で Vue オブジェクトを束縛することで、プラグインやカスタマイズ設定で適用したバージョンの Vue.js が使われるようになります。