码迷,mamicode.com
首页 > 其他好文 > 详细

v-生命周期

时间:2020-06-18 23:18:40      阅读:99      评论:0      收藏:0      [点我收藏+]

标签:str   标签   rip   eth   this   set   new   tin   title   

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="vue.min.js"></script>
</head>
<body>
<div id="app">
<button @click="destory">destory vm</button>
<p v-show="isshow">helloworld</p>
</div>
<script type="text/javascript">
const vm = new Vue({
el:"#app",
data:{
// 让p标签里面的显示出来
isshow:true,
},
// 初始化显示之后立即调用
mounted(){
this.intervalId = setInterval(()=>{
console.log(‘------‘)
this.isshow=!this.isshow
},1000)
},
// 在死亡之前调用1次
beforeDestroy(){
// 清除定时器
clearInterval(this.intervalId)
},
methods:{
destory(){
// 干掉vm
this.$destroy()
}
}
})
</script>
</body>
</html>

v-生命周期

标签:str   标签   rip   eth   this   set   new   tin   title   

原文地址:https://www.cnblogs.com/weixin2623670713/p/13160691.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!