使用 Vue.js 組件自定義指令的參數(arguments)

Vue.js 是一個輕量級的 JavaScript 框架，可以讓開發者快速開發出高品質的 Web 應用程式。Vue.js 提供了一種簡單的方式來定義自定義指令，可以讓開發者將指令組合在一起，以便在應用程式中使用。

在 Vue.js 中，可以使用參數(arguments)來定義自定義指令的行為。參數可以是字串、數字、布林值或物件，可以用來控制指令的行為。

舉例來說，假設我們想要定義一個自定義指令，可以用來控制元素的顯示/隱藏，可以使用以下程式碼：

Vue.directive('show-hide', {
  bind: function (el, binding, vnode) {
    if (binding.arg === 'show') {
      el.style.display = 'block';
    } else if (binding.arg === 'hide') {
      el.style.display = 'none';
    }
  }
});

上面的程式碼中，我們使用 binding.arg 來接收參數，並根據參數的值來控制元素的顯示/隱藏。

另外，我們也可以使用參數來控制元素的顏色，例如：

Vue.directive('change-color', {
  bind: function (el, binding, vnode) {
    el.style.color = binding.arg;
  }
});

上面的程式碼中，我們使用 binding.arg 來接收參數，並將參數的值設定為元素的顏色。

總結來說，Vue.js 提供了一種簡單的方式來定義自定義指令，可以使用參數(arguments)來控制指令的行為，讓開發者可以將指令組合在一起，以便在應用程式中使用。