第四篇、vue组件生命周期 beforeDestroy()和destroyed()

beforeDestroy()

实例销毁前，数据实例方法都有但是没什么用Vue.component('son', {template: '#son',data() {return {num: 4}},mounted() {this.timmer= setInterval(() => {console.log(1)}, 1000);},beforeDestroy() {console.log(this)console.log(this.num)console.log(this.$refs.p)},})new Vue({data: {show: true,},methods: {toggle() {this.show = !this.show}}}).$mount('#app')

destroyed()

实例销毁后，用于清除定时器、网络请求等还未结束的操作Vue.component('son', {template: '#son',data() {return {num: 4}},mounted() {this.timmer= setInterval(() => {console.log(1)}, 1000);},destroyed() {clearInterval(this.timmer)console.log('销毁结束')console.log(this)console.log(this.num)console.log(this.$refs.p)}})new Vue({data: {show: true,},methods: {toggle() {this.show = !this.show}}}).$mount('#app')

第四篇、vue组件生命周期 beforeDestroy()和destroyed()相关推荐

Vue组件生命周期钩子和Vue-Router路由钩子的执行顺序
Vue组件生命周期钩子的执行顺序如下图所示链接:https://cn.vuejs.org/v2/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6% ...
“约见”面试官系列之常见面试题第七篇说说Vue的生命周期（建议收藏）
目录 Vue实例的生命周期全过程(图) 在beforeCreate和created钩子函数间的生命周期 created钩子函数和beforeMount间的生命周期 el选项的有无对生命周期过程的影响 ...
Vue2（五）：收集表单数据、过滤器、自定义指令、Vue的生命周期
Vue2学习笔记:第五章一.收集表单数据 1.不同标签的value属性 2.v-model的三个修饰符二.过滤器 1.什么是过滤器? 2.案例:过滤器格式化时间戳三.自定义指令 1.内置指令 2 ...
Vue父子组件生命周期
Vue父子组件生命周期 Vue实例需要经过创建.初始化数据.编译模板.挂载DOM.渲染.更新.渲染.卸载等一系列过程,这个过程就是Vue的生命周期,Vue中提供的钩子函数有beforeCreate.c ...
day4 vue 学习笔记组件生命周期数据共享数组常用方法
系列文章目录 day1学习vue2笔记 vue指令 day2 学习vue2 笔记过滤器侦听器计算属性 axios day3 vue2 学习笔记 vue组件 day4 vue 学习笔记组件生命 ...
vue之vue的生命周期、swiper、自定义组件的封装、自定义指令、过滤器、单文件组件及vue-cli
文章目录 1.vue的生命周期 1.1.8个生命周期函数 2.swiper 3.自定义组件的封装 4.自定义指令 4.1.定义 4.2.基本使用 4.3.利用自定义指令传入指定参数修改背景色 5.过滤 ...
vue父子组件生命周期顺序_vue父子组件生命周期执行顺序
Parent -- Child1 -- Child2 装载 parent beforeCreate parent created parent beforeMount child1 beforeCre ...
html和vue的区别,2018-09-16第四课（v-html和v-text的区别，v-once和v-pre的区别，vue的生命周期，选项卡）...
1.v-html和v-text的区别 v-html可解析标签:v-text正常文本输出: {{msg}} {{msg}} new Vue({ el:'#app', data:{ msg:'今天周六,照 ...
前端开发——Vue 监听组件生命周期
监听组件生命周期通常我们使用 $emit 监听组件生命周期,父组件接收事件进行通知. 子组件 export default {mounted() {this.$emit( listenMounted ...

第四篇、vue组件生命周期 beforeDestroy()和destroyed()

beforeDestroy()

destroyed()

第四篇、vue组件生命周期 beforeDestroy()和destroyed()相关推荐

最新文章

热门文章