vue中为什么点击事件能够重新渲染Dom更新页面?
vue中为什么点击事件能够重新渲染Dom更新页面?vue中为什么点击事件能够重新渲染Dom更新页面是触发vue中那个钩子函数?<template><div class="home-index"><div>{{nameage}}</div></div></template><script>export default
·
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方法,
更多推荐
已为社区贡献5条内容
所有评论(0)