destroyํ mountํ๋ฉด update์๋ต์์
Insert title here window.onload = function(){ var vm = new Vue({ el : '#test1', data:{ msg : 'Kygo - Freedom' }, //Vue ๊ฐ์ฒด๊ฐ ๊ด๋ฆฌํ ์์๋ค์ด ๋ง๋ค์ด์ง๊ธฐ ์ ์ ํธ์ถ๋๋ ํจ์ beforeCreate : function(){ console.log('1-Vue ๊ฐ์ฒด๊ฐ ๊ด๋ฆฌํ ์์๋ค์ด ๋ง๋ค์ด์ง๊ธฐ ์ ์
๋๋ค') console.log('msg : ' + this.msg) }, //Vue ๊ฐ์ฒด๊ฐ ๊ด๋ฆฌํ ์์๋ค์ด ๋ง๋ค์ด์ง๊ณ ๋ ์ดํ created : function(){ console.log('2-Vue ๊ฐ์ฒด๊ฐ ๊ด๋ฆฌํ ์์๋ค์ด ๋ง๋ค์ด์ง ํ ์
๋๋ค') console.log('msg : ' + this.msg) }, //Vue ๊ฐ์ฒด๊ฐ ๊ด๋ฆฌํ HTML ํ๊ทธ ๊ฐ์ฒด๊ฐ ํ ๋น ๋๊ธฐ ์ beforeMount : function(){ console.log('3-Vue ๊ฐ์ฒด๊ฐ ๊ด๋ฆฌํ ํ๊ทธ๊ฐ ํ ๋น ๋๊ธฐ ์ ์
๋๋ค') }, //Vue ๊ฐ์ฒด๊ฐ ๊ด๋ฆฌํ HTML ํ๊ทธ ๊ฐ์ฒด๊ฐ ํ ๋น ๋ ํ mounted : function(){ console.log('4-Vue ๊ฐ์ฒด๊ฐ ๊ด๋ฆฌํ ํ๊ทธ๊ฐ ํ ๋น ๋ ์ดํ์
๋๋ค') }, beforeUpdate : function(){ console.log('5-๊ด๋ฆฌํ๊ณ ์๋ HTML์์ ๋ด๋ถ๊ฐ ๋ณ๊ฒฝ๋๊ธฐ ์ ์
๋๋ค') }, update : function() { console.log('6-๊ด๋ฆฌํ๊ณ ์๋ HTML์์ ๋ด๋ถ๊ฐ ๋ณ๊ฒฝ๋ ํ ์
๋๋ค') }, beforeDestroy : function(){ console.log('7-Vue ๊ฐ์ฒด์ ๊ธฐ๋ฅ์ด ์๋ฉธ๋๊ธฐ ์ ์
๋๋ค') }, destroyed : function(){ console.log('8-Vue ๊ฐ์ฒด์ ๊ธฐ๋ฅ์ด ์๋ฉธ๋ ํ ์
๋๋ค.') }, methods : { setValue : function(){ this.msg = 'IU - Celebrity' } } }) //vm.$mount('#test1') //Vue ๊ฐ์ฒด์ ๋ง์ดํธ ๋ ํ๊ทธ๋ฅผ ๊ด๋ฆฌํ๋ ์์๋ฅผ ์๋ฉธ์ํด. vm.$destroy() //Vue ๊ฐ์ฒด์ ํ๊ทธ๋ฅผ ํ ๋น. vm.$mount('#test1') } {{msg}} ๊ฐ ๋ณ๊ฒฝ