• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

tick 문구를 제거해도 적용된것처럼 나옵니다.

21.03.08 09:36 작성 조회수 63

1

<script>
function handler() {
name = 'heropy';
const h1 = document.querySelector('h1');
console.log(h1);
}
</script>
<h1 on:click={handler}>{name}</h1>

===> world 출력

--------------------------------------------------------

<script>
import { tick } from 'svelte';
function handler() {
name = 'heropy';
                tick();
const h1 = document.querySelector('h1');
console.log(h1);
}
</script>
<h1 on:click={handler}>{name}</h1>

===> <h1>heropy</h1>출력

----------------------------------------------------

<script>
function handler() {
name = 'heropy';
const h1 = document.querySelector('h1');
console.log(h1);
}
</script>
<h1 on:click={handler}>{name}</h1>

===> <h1>heropy</h1>출력

3번째 실행해서 서버 실행을 멈추고 npm run dev를 해도
브라우저 캐시를 지워도 
다른 브라우저로 들어가도 다시 world 가 안 나올까요 ?
tick 문구를 지우면 원래대도 나와야 정상일것 같은데...
왜 적용이 안 사라지는지 모르겠습니다.

답변 1

답변을 작성해보세요.

0

질문 내용(3번째, <h1>heropy</h1>)으로 추측해 봤을 땐, 혹시 브라우저 뷰포트에 출력된 heropy를 보고 계신 건 아닐까 합니다.

3번째 내용으로 개발자 도구 콘솔에 출력된 내용을 확인하시면 world가 출력되어 있을 것으로 예상됩니다.