[SVELTE]use:action

use:action

액션이란 스벨트에서 사용되는 용어로써, 돔 노드의 요소가 생성, 업데이트, 삭제될 때 실행되는 함수를 의미한다.( 액션은 돔 노드가 생성될 때 최초 호출된다. )

함수는 update와 destroy를 가진 객체를 리턴 할 수 있는데, 이 각각의 프로퍼티는 노드 요소가 업데이트 되거나, 삭제 될 때 실행되는 메서드로 디스트로이 프로퍼티는 해당 엘리먼트가 삭제될 때, 이벤트 리스너들을 삭제하는 식으로 주로 사용된다.

<script>
    export let bar;

    function foo(node, bar) {
        // the node has been mounted in the DOM

        return {
            update(bar) {
                // the value of `bar` has changed
            },

            destroy() {
                // the node has been removed from the DOM
            }
        };
    }
</script>

<div use:foo={bar}></div>

#svelte