테마
bm.apply()
- 컨텍스트에 변경이 생겼을 때 변경 사항을 블록에 적용하는 기능이에요.
bm.apply()가 호출되면 블록이 재렌더링되고bm.onContextChange콜백도 실행돼요.- 블록의
<script>코드에서 컨텍스트에 값을 추가/변경하거나 블록 내 설정 값을 변경한 뒤, 블록을 재렌더링하는 경우 유용하게 사용할 수 있어요.
html
<template>
<p>카운터: {{counter}}</p>
<button>눌러보세요!</button>
<template>
<script>
const context = bm.context;
const container = bm.container;
container.addEventListener('click', e => {
e.preventDefault();
if (e.target.matches('button')) {
// 카운터 초기화
context.counter = context.counter || 0;
// 카운터 증가
context.counter++;
// 변경사항 적용하고 블록 다시 그리기
bm.apply();
}
}, true);
</script>