2019前端口试题汇总（首要为Vue）

好比此刻必要监控data中，obj.a 的变革。Vue中监控工具属性的变革你可以这样：

watch: {  
      obj: {  
      handler (newValue, oldValue) {  
        console.log('obj changed')  
      },  
      deep: true  
    }  
  } 

deep属性暗示深层遍历，可是这么写会监控obj的全部属性变革，并不是我们想要的结果，以是做点修改：

watch: {  
   'obj.a': {  
      handler (newName, oldName) {  
        console.log('obj.a changed')  
      }  
   }  
  } 

尚有一种要领，可以通过computed 来实现，只必要：

computed: {  
    a1 () {  
      return this.obj.a  
    }  
} 

操作计较属性的特征来实现，当依靠改变时，便会从头计较一个新值。

7. Vue中给data中的工具属性添加一个新的属性时会产生什么，怎样办理？

示例：

<template>  
  <div>  
    <ul>  
      <li v-for="value in obj" :key="value">  
        {{value}}  
      </li>  
    </ul>  
    <button @click="addObjB">添加obj.b</button>  
  </div>  
</template>  
<script>  
export default {  
  data () {  
    return {  
      obj: {  
        a: 'obj.a'  
      }  
    }  
  },  
  methods: {  
    addObjB () {  
      this.obj.b = 'obj.b'  
      console.log(this.obj)  
    }  
  }  
}  
</script>  
<style></style> 

点击button会发明，obj.b 已经乐成添加，可是视图并未革新：

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!