Skip to content

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>

Sixshop Developers Portal