1️⃣ Vue.extend - 动态渲染组件
1️⃣ Vue.nextTick - 异步更新队列
1️⃣ Vue.directive - 自定义指令
1️⃣ Vue.set 和 Vue.delete - 响应式更改数组和对象
1️⃣ Vue.filter - 过滤器
1️⃣ Vue.component - 注册或获取组件
1️⃣ Vue.use - 全局注入一个插件
1️⃣ Vue.mixin - 混入
1️⃣ Vue.observable - 让一个对象变成响应式对象

1️⃣ Vue.extend - 动态渲染组件

主要用于需要动态渲染的组件，或者类似于window.alert() 提示组件

1️⃣ Vue.nextTick - 异步更新队列

响应式

1️⃣ Vue.directive - 自定义指令

🥉 directive - 自定义指令

1️⃣ Vue.set 和 Vue.delete - 响应式更改数组和对象

2️⃣ 利用响应式更改数组

利用数组变异方法：push、pop、shift、unshift、splice、sort、reverse
利用vm.$set/Vue.set实例方法

  1. 使用方法：Vue.set(object, propertyName, value)，也就是这个意思：Vue.set(要改谁，改它的什么，改成啥)

利用vm.$delete或Vue.delete删除数组中的某一项

  1. 使用方法：Vue.delete(object, target)，也就是这个意思：Vue.delete(要删除谁的值，删除哪个)

2️⃣ 利用响应式更改对象

添加利用vm.$set/Vue.set实例方法
删除利用vm.$delete/Vue.delete方法

2️⃣ 使用示例

<template>
  <div id="app">
    <button @click="method">Vue.set</button>
    <h2>
      {{ obj }}
    </h2>
  </div>
</template>
<script>
export default {
  data() {
    return {
      obj: {
        name: "chen",
        age: 25,
        job: "JS",
      },
    };
  },
  methods: {
    method() {
      this.$set(this.obj, "address", "河南");
    },
  },
};
</script>