$set()会及时更新试图为字符添加响应式 $set()的使用方法是this.$set(数组名，插入的索引下标值，插入的数据元素)

<template>
  <div class="demo">
    <ul>
      <li v-for="(item, index) of typeList" :key="index">
        {{ item }}
      </li>
    </ul>
    <button @click="add">添加</button>
  </div>
</template>

<script>
export default {
  name: "demo",
  data() {
    return {
      typeList:['苹果','香蕉','草莓']
    };
  },
  created() {
    console.log('created生命周期：',this.typeList);
  },
  updated() {
    console.log('updated生命周期：',this.typeList);
  },
  methods: {
    add() {
      this.$set(this.typeList, 1, '榴莲');
    },
  },
};
</script>

<style scoped>
</style>