关于vue2中$set及$delete的使用

码上流星&洒下星辰

已于 2022-03-31 11:17:07 修改

阅读量3.2k

点赞数 3

分类专栏： vue知识点整理及面试必备题库文章标签： scss sass css

于 2022-03-29 16:20:27 首次发布

张砚博

本文链接：https://blog.csdn.net/qq_47272950/article/details/123822102

版权

this.$set的使用

在平时使用vue进行开发的时候，我经常会遇到一个这样的问题：

就是当data中包含声明且已赋值的对象或者数组（数组包对象）时，我们要向当前的这个对象中添加一个新的属性并且更新，结果发现并不会更新视图,只在控制台打印

<template>
  <div>
      <span>{
   {
   obj}}</span>
      <input type="button" @click="add()">
  </div>
</template>

<script>
export default {
   
    data(){
   
        return{
   
            obj:{
   
                name:"小明"
            }
        }
    },
    methods:{
   
        a