Vue学习笔记 ——全局AIP（上）（Vue.set、Vue.delete）

全局AIP

什么是全局API？全局API是不在构造器里面的，先声明全局变量或直接在Vue上定义的一些新功能，内置了一些全局API。

Vue.set

Vue.set用于设置对象的属性

根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。

因为受JavaScript的限制，vue.js不能监听对象属性的添加和删除，在vue组件初始化的过程中，会调用getter和setter方法，所以该属性必须是存在在data中，视图层才会响应该数据的变化

解决方案：

使用 Vue.set(object, key, value) 方法将响应属性添加到嵌套的对象上：

Vue.set用法：

Vue.set( target, key, value )

• target：要更改的数据源(可以是对象或者数组)
• key：要更改的具体数据
• value ：重新赋的值

在对象中使用Vue.set
例：为data中的某一个对象添加一个属性

<template>
  <div>
    <button @click="set">添加属性</button>
    <input type="text" v-model="student.age">
  </div>
</template>

<script>
export