destroy후 mount하면 update응답없음
344
작성한 질문수 1
destroy이후 mount를 하면 mount의 console문은 출력이 되는데 beforeUpdate와 update의 console이 출력이 안됩니다. 왜 그런건가요?
답변 2
0
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://unpkg.com/vue"></script>
<script>
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')
}
</script>
</head>
<body>
<div id="test1">
<h3>{{msg}}</h3>
<button type="button" v-on:click='setValue'>값 변경</button>
</div>
</body>
</html>
에러나시는분 vuex cdn 이걸로 실행해보세요
1
299
0
30강이랑 강의가 겹치네요
0
247
1
미니프로젝트 질문입니다.
0
210
1
글작성하기가 되지않습니다..
0
298
1
안녕하세요. 익스플로러 렌더링 관련 질문 드립니다.
0
285
1
회원가입폼에서 중복확인 후 id를 변경시 중복확인을 다시하도록 처리.
0
329
1
component를 동적으로 렌더링하는 사례는 어떤 게 있나요?
0
272
1
선생님 에러를 잘 찾는 방법이 있습니까?
0
213
1
선생님 $ 는 언제 사용하는지 궁금합니다.
0
203
1
module.exports는 어떤 의미인지 궁금합니다!
0
273
1
랜더링이 무엇인가요?
0
326
1
Html javascript 순으로 부르는 건가요?
0
311
2
게시판에 글을쓰면 문제가 있습니다.
0
188
1
vue게시판 aws s3스토리지 or 파일질라 연동에 대해서요
0
278
1
글 내용에서 파일 2개 추가 가능한지 문의 드립니다.
0
207
1
게시글 목록에서 이미지표현
0
195
1
전달받은 Prop 을 create()에서 접근.
0
262
1
method와 computed
0
218
1
Vue CLI 질문드립니다.
0
224
1
글 갯수가 10으로 딱 떨어질때
0
275
1
글 삭제시 글번호
0
306
1
로그아웃 문제
0
177
1
v-model.number
0
179
1
영상강의와 강의자료가 다릅니다
0
335
5