λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°

TIL/Vue.js1

Vuex - State, Getters, Mutations, Actions πŸ”Š Vue에 λŒ€ν•œ 이해가 μžˆλ‹€λŠ” κ°€μ •ν•˜μ— μ •λ¦¬λœ μžλ£Œμž…λ‹ˆλ‹€. πŸ”Š 곡식 μ‚¬μ΄νŠΈλ₯Ό μ •λ¦¬ν•œ λ‚΄μš©μž…λ‹ˆλ‹€. μžμ„Έν•œ λ‚΄μš©μ€ 곡식 μ‚¬μ΄νŠΈλ₯Ό μ°Έκ³ ν•΄μ£Όμ„Έμš” πŸ˜‰ πŸ”Š Vuex의 λͺ¨λ“ˆμ€ λ³Έ μž₯μ—μ„œ 닀루지 μ•ŠμŠ΅λ‹ˆλ‹€. 1. Vuexλž€ 뭘까? μƒνƒœ 관리 + 라이브러리 μƒνƒœ 관리? Vue의 3가지 κΈ°λŠ₯: data, template, methods state = data : 앱을 μž‘λ™ν•˜λŠ” 원본 μ†ŒμŠ€, μ‘°μž‘ν•˜κ³ μž ν•˜λŠ” 데이터 view: μƒνƒœμ˜ 선언적 맀핑. μ‚¬μš©ν•  dataλ₯Ό μ„ μ–Έν•˜λŠ” κ³³ methods: dataλ₯Ό μ‹€μ œλ‘œ μ‘°μž‘ν•˜λŠ” κ³³ Components κ°„ 많이 μ‚¬μš©ν•˜λŠ” data(state)λ₯Ό 쀑앙 집쀑 μ €μž₯μ†Œμ—μ„œ κ΄€λ¦¬ν•˜κΈ° μœ„ν•œ μ—­ν•  new Vue({ // 1. μƒνƒœ = data data(){ return { a: 0 }; } // 2... 2022. 5. 17.

ν‹°μŠ€ν† λ¦¬νˆ΄λ°”