vue字符串包含某个字符串

// 在 Vue 中检查字符串是否包含某个子字符串，可以使用 JavaScript 的原生方法 `includes()`。
// 下面是一个简单的 Vue 组件示例，展示如何实现这一功能。

<template>
  <div>
    <p>原始字符串: {{ originalString }}</p>
    <p>要查找的子字符串: {{ searchString }}</p>
    <p>结果: {{ is Included }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      originalString: 'Hello, Vue!',
      searchString: 'Vue',
      isIncluded: ''
    };
  },
  created() {
    // 使用 includes 方法检查字符串是否包含指定的子字符串
    this.isIncluded = this.originalString.includes(this.searchString);
  }
};
</script>

<style scoped>
/* 样式可以根据需要添加 */
</style>

解释说明：

1. originalString: 定义了一个原始字符串，这里为 'Hello, Vue!'。
2. searchString: 定义了要查找的子字符串，这里为 'Vue'。
3. isIncluded: 用于存储检查结果，即原始字符串是否包含子字符串。
4. created 生命周期钩子: 在组件创建时，使用 includes() 方法检查 originalString 是否包含 searchString，并将结果赋值给 isIncluded。

这样，当组件加载时，它会自动检查并显示结果。