Filter 在组件内部运行的自定义过滤器和/或插件

Filter 在组件内部运行的自定义过滤器和/或插件,filter,plugins,vuepress,composable,Filter,Plugins,Vuepress,Composable,我们已经构建了一个大型Vuejs应用程序,现在我们正在将其组件添加到Vuepress中 然而,我们在解决如何在整个项目中使用一些全局使用的插件和可组合的功能时遇到了问题。它们是格式化日期、货币和资本的典型助手插件 一个例子是大写文本{{postitle | uppercase}},另一个例子是在computed或方法中调用作为大写(字符串) 我找不到Vuepress关于如何创建和管理电子助手功能的任何文档 非常感谢您的帮助。有一些选项可以在vuepress项目中全局应用功能 您可以在每个组件中将

我们已经构建了一个大型Vuejs应用程序,现在我们正在将其组件添加到Vuepress中

然而,我们在解决如何在整个项目中使用一些全局使用的插件和可组合的功能时遇到了问题。它们是格式化日期、货币和资本的典型助手插件

一个例子是大写文本
{{postitle | uppercase}}
,另一个例子是在
computed
方法中调用
作为
大写(字符串)

我找不到Vuepress关于如何创建和管理电子助手功能的任何文档


非常感谢您的帮助。

有一些选项可以在vuepress项目中全局应用功能

您可以在每个组件中将助手函数作为mixin添加,或者在
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
            }
        }
    })
}
有一个在单个文件组件而不是全局范围中定义混合的好例子。您可以在中找到有关混合的更多信息


另一种方法是分离帮助函数。

谢谢-尝试了
helperFunction(){return“helperFunction”;}
但它没有被`{{“helperFunction:“| helperFunction}}”调用。对于Vuepress文档来说,这还不够我继续下去。例如,任何文件的去向和调用方式…跟进:我确实在浏览器中遇到错误:[Vue warn]:无法解析筛选器:helperFunction