настраиваемые фильтры и / или плагины для запуска внутри компонентов

Question

Мы создали большое приложение Vuejs, компоненты которого теперь добавляем во Vuepress.

Однако у нас возникают проблемы с выяснением того, как перенести некоторые глобально используемые плагины и составные функции, используемые в проекте. Это типичные вспомогательные плагины для форматирования дат, валюты и заглавных букв.

Примером может быть текст в верхнем регистре {{ postTitle | uppercase }} и другой будет называться внутри computed или же methods в виде uppercase(String)

Я не могу найти никакой документации для Vuepress о том, как создавать вспомогательные функции и управлять ими.

Любые помощники очень ценятся.

Answer 1

Есть несколько вариантов глобального применения функций к вашему проекту vuepress.

Вы можете добавить свои вспомогательные функции как миксины в каждый компонент или определить их глобально в enhanceApp.jsфайл. Например, в приведенном ниже коде я определяю глобально helperFunction() метод

      // enhanceApp.js
export default ({
    Vue, // the version of Vue being used in the VuePress app
    options, // the options for the root Vue instance
    router, // the router instance for the app
    siteData, // site metadata
    isServer // is this enhancement applied in server-rendering or client
}) => {
    Vue.mixin({
        methods: {
            helperFunction () {
                // Your helper function
            }
        }
    })
}

В этом вопросе есть хороший пример определения миксинов в отдельных файловых компонентах, а не в глобальной области. Вы можете узнать больше о Mixins в документации Vue.js .

Другой путь - разделить вспомогательные функции на плагины vuepress .