How to convert a normal string to a uppercase string using filter in VueJS ? Last Updated : 15 Dec, 2021 Comments Improve Suggest changes Like Article Like Report Filters are a functionality provided by Vue components that let you apply formatting and transformations to any part of your template dynamic data. The filter property of the component is an object. A single filter is a function that accepts a value and returns another value. The returned value is the one that’s actually printed in the Vue.js template. To uppercase string using filters, we have to write logic to convert a regular string into all uppercase and apply the filter on a required string. Example 1: Filename: index.html HTML <!DOCTYPE html> <html lang="en"> <head> <script src= "https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id='parent'> <p> <strong>Name :</strong>{{ name | upperCased }} </p> <p> <strong>Details : </strong>{{ details | upperCased }} </p> </div> <script src='app.js'></script> </body> </html> Filename: app.js JavaScript const parent = new Vue({ el: "#parent", data: { name: "Rinkle Roy", details: "simply dummy text of the printing and typesetting industry.\ Lorem Ipsum has been the industry's standard dummy\ text ever since the 1500s, when an unknown printer \ took a gallery of type and scrambled it to make a type\ specimen book. It has survived not only five centuries,\ but also the leap into electronic typesetting, remaining\ essentially unchanged", }, filters: { upperCased: function (data) { upper = []; data.split(" ").forEach((word) => { upper.push(word.toUpperCase()); }); return upper.join(" "); }, }, }); Output: Uppercasing string using filters Comment More infoAdvertise with us H hunter__js Follow Improve Article Tags : JavaScript Web Technologies Vue.JS Explore JavaScript Tutorial 8 min read JavaScript BasicsIntroduction to JavaScript 4 min read JavaScript Versions 2 min read How to Add JavaScript in HTML Document? 3 min read JavaScript Syntax 6 min read JavaScript Output 4 min read JavaScript Comments 2 min read JS Variables & DatatypesVariables and Datatypes in JavaScript 6 min read Global and Local variables in JavaScript 4 min read JavaScript Let 6 min read JavaScript const 5 min read JavaScript Var Statement 7 min read JS OperatorsJavaScript Operators 5 min read Operator precedence in JavaScript 2 min read JavaScript Arithmetic Operators 5 min read JavaScript Assignment Operators 5 min read JavaScript Comparison Operators 5 min read JavaScript Logical Operators 5 min read JavaScript Bitwise Operators 5 min read JavaScript Ternary Operator 4 min read JavaScript Comma Operator 2 min read JavaScript Unary Operators 4 min read JavaScript in and instanceof operators 3 min read JavaScript String Operators 3 min read JS StatementsJavaScript Statements 4 min read JavaScript if-else 3 min read JavaScript switch Statement 4 min read JavaScript Break Statement 2 min read JavaScript Continue Statement 1 min read JavaScript Return Statement 4 min read JS LoopsJavaScript Loops 3 min read JavaScript For Loop 4 min read JavaScript While Loop 3 min read JavaScript For In Loop 3 min read JavaScript for...of Loop 3 min read JavaScript do...while Loop 4 min read JS Perfomance & DebuggingJavaScript | Performance 4 min read Debugging in JavaScript 4 min read JavaScript Errors Throw and Try to Catch 2 min read JS ObjectObjects in Javascript 4 min read Object Oriented Programming in JavaScript 3 min read JavaScript Objects 6 min read Creating objects in JavaScript 5 min read JavaScript JSON Objects 3 min read JavaScript Object Reference 4 min read JS FunctionFunctions in JavaScript 4 min read How to write a function in JavaScript ? 4 min read JavaScript Function Call 2 min read Different ways of writing functions in JavaScript 3 min read Difference between Methods and Functions in JavaScript 3 min read Explain the Different Function States in JavaScript 3 min read JavaScript Function Complete Reference 3 min read JS ArrayJavaScript Arrays 7 min read JavaScript Array Methods 7 min read Best-Known JavaScript Array Methods 6 min read Important Array Methods of JavaScript 7 min read JavaScript Array Reference 4 min read Like