Привязка к методу, который принимает строковый литерал

Question

В приведенном ниже коде VUE интерпретирует "foo" как функцию ... поэтому я получаю сообщение об ошибке foo не является функцией, но на самом деле мне просто нужно передать строковое значение "foo" в мой метод.

Какой правильный синтаксис, пожалуйста?

  <BlokMenu
       :menu="MenuBuilder.filterMenuItems('foo')"
  />

Снимок экрана с кодом из моего вида компонента

и MenuBuild, который находится в MenuBuilder.js

MenuBuilder.js

Answer 1

bind объект должен принадлежать самому компоненту Vue. В случае внешнего модуля вы можете привязать его к data или computed свойствам

// Vue components

import MenuBuilder from 'MenuBuilder.js'

export default {
  data: function() {
    return {
      MenuBuilder: MenuBuilder
    }
  }
}

, а затем

<BlokMenu :menu="MenuBuilder.filterMenuItems('foo')"/>