μ§€μ‹œμž 1

[Vue.js] μ§€μ‹œμž, ν•„ν„°

μ§€μ‹œμž(Directives) - ν‘œν˜„μ‹μ˜ 값이 변경될 λ•Œ 이에 λ°˜μ‘ν•΄ DOM에 λ³€κ²½ 사항을 μ μš©ν•œλ‹€. ex) v-for μ§€μ‹œμžλŠ” 원본 데이터λ₯Ό 기반으둜 μš”μ†Œ λ˜λŠ” 데이터 블둝을 μ—¬λŸ¬λ²ˆ λ Œλ”λ§ν•œλ‹€. - κΈ°λ³Έ λ‚΄μž₯ μ§€μ‹œμ§€λ₯Ό μ‚¬μš©ν•˜μ§€ μ•Šκ³ , μ‚¬μš©μž μ •μ˜ μ§€μ‹œμžλ₯Ό λ§Œλ“€ μˆ˜λ„ μžˆλ‹€. μ§€μ‹œμž μ •μ˜ 객체λ₯Ό μƒμ„±ν•˜κ³ , 이λ₯Ό Vue.directive()λ₯Ό μ΄μš©ν•΄ μ „μ—­μœΌλ‘œ λ“±λ‘ν•˜κ±°λ‚˜, μ»΄ν¬λ„ŒνŠΈμ˜ directives ν”„λ‘œνΌν‹°λ‘œ 둜컬 등둝을 ν•˜λ©΄ λœλ‹€. - Vue.jsκ°€ ν›… ν•¨μˆ˜(μ§€μ‹œμž μ™ΈλΆ€μ—μ„œ μΌμ–΄λ‚˜λŠ” 일듀을 μ§€μ‹œμžμ— 전달할 수 μžˆλŠ” ν•¨μˆ˜)λ₯Ό μ§€μ‹œμž μ •μ˜ 객체 내에 μΆ”κ°€ν•  수 있으며, 이 ν›… ν•¨μˆ˜λ₯Ό μ΄μš©ν•΄ λ‹€μ–‘ν•œ λ‘œμ§μ„ μ μš©ν•  수 μžˆλ‹€. bind inserted update componentUpdated unbind - 페..