VueJS - check strings is includes in vuejs

To check if a string is included in Vue.js, you can use the includes() method in JavaScript. Here's how you can do it step by step:

Step 1: Create a Vue.js component or add this code inside an existing component.

Step 2: Define a data property that holds the string you want to check. For example, let's say you want to check if the string "example" is included:

data() {
  return {
    myString: 'example'
  }
}

Step 3: Use the includes() method to check if the string is included. You can use this method in computed properties, methods, or directly in your template. Here's an example using a computed property:

computed: {
  isStringIncluded() {
    return this.myString.includes('example');
  }
}

In the above code, the isStringIncluded computed property returns true if the string "example" is included in myString, and false otherwise.

Step 4: You can then use the computed property in your template or any other part of your Vue.js component:

<template>
  <div>
    <p>{{ myString }}</p>
    <p v-if="isStringIncluded">The string is included.</p>
    <p v-else>The string is not included.</p>
  </div>
</template>

In the above code, the v-if directive shows the message "The string is included" if isStringIncluded is true, and the v-else directive shows the message "The string is not included" if isStringIncluded is false.

That's it! You have now checked if a string is included in Vue.js using the includes() method.