vue中为什么点击事件能够重新渲染Dom更新页面?

vue中为什么点击事件能够重新渲染Dom更新页面是触发vue中那个钩子函数?

<template>
  <div class="home-index">
    <div>{{nameage}}</div>
    <button @click='btnClick></button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      nameage: '1111'
    }
  },
  methods: {
  	btnClick(){
  	  // 当点击btnClick方法的时候nameage 会变为‘3333’同时页面会跟着变
  	  this.nameage = '3333'
  	}
  },
}
</script>
<style>
.home-index{
}
</style>

其实只是触发vue中的update钩子函数

那什么时候 进updated方法?

只有事先设置好的data变量如下nameage 改变并且要在页面重新渲染{{ nameage }}完成之后,才会进updated方法,

Logo

前往低代码交流专区

更多推荐