(vue)判断是否为字符串/数组

在Vue中，你可以使用JavaScript原生方法来判断一个变量是否为字符串或数组。以下是两种情况的示例代码：

判断是否为字符串：

// 方法一
function isString(value) {
  return typeof value === 'string';
}
 
// 方法二
function isString(value) {
  return Object.prototype.toString.call(value) === '[object String]';
}
 
// 使用
let myVar = 'This is a string';
console.log(isString(myVar)); // 输出: true

判断是否为数组：

// 方法一
function isArray(value) {
  return Array.isArray(value);
}
 
// 方法二
function isArray(value) {
  return Object.prototype.toString.call(value) === '[object Array]';
}
 
// 使用
let myVar = [1, 2, 3];
console.log(isArray(myVar)); // 输出: true

在Vue组件中使用时，你可以在methods对象中定义这些函数，并在模板中使用它们来判断变量类型。例如：

<template>
  <div>
    <p v-if="isString(myVar)">myVar is a string</p>
    <p v-else-if="isArray(myVar)">myVar is an array</p>
    <p v-else>myVar is neither a string nor an array</p>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      myVar: 'This is a string'
    };
  },
  methods: {
    isString(value) {
      return typeof value === 'string';
    },
    isArray(value) {
      return Array.isArray(value);
    }
  }
};
</script>

在这个例子中，myVar 是一个数据属性，它可以是字符串或数组。在模板中使用 v-if 和 v-else-if 指令来根据 myVar 的类型显示不同的文本。