From 28826b2e2ca015f81710563ecaa5bed25b2b0ef9 Mon Sep 17 00:00:00 2001 From: Rohith Reddy Kumbharkar <5032439+rohith@users.noreply.github.com> Date: Sat, 20 Jan 2018 13:26:27 +0530 Subject: [PATCH] Global filters to go before Vue instance creation Global filters defined after creating the Vue instance throws `Failed to resolve filter`. Reference https://forum.vuejs.org/t/global-filters-failing-to-resolve-inside-single-file-components/21863/6 --- src/v2/guide/filters.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/v2/guide/filters.md b/src/v2/guide/filters.md index 529efaddd9..4a6eecdbf2 100644 --- a/src/v2/guide/filters.md +++ b/src/v2/guide/filters.md @@ -26,7 +26,7 @@ filters: { } ``` -or define a filter globally: +or define a filter globally before creating the Vue instance: ``` js Vue.filter('capitalize', function (value) { @@ -34,6 +34,10 @@ Vue.filter('capitalize', function (value) { value = value.toString() return value.charAt(0).toUpperCase() + value.slice(1) }) + +new Vue({ + // ... +}) ``` Below is an example of our `capitalize` filter being used: