diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js index ad8fd3b04..51d38b691 100644 --- a/docs/.vuepress/config.js +++ b/docs/.vuepress/config.js @@ -195,6 +195,7 @@ module.exports = { '/pinia/intro', '/pinia/store', '/pinia/state', + '/pinia/getters', ], }, { diff --git a/docs/pinia/getters.md b/docs/pinia/getters.md new file mode 100644 index 000000000..6d772eaf5 --- /dev/null +++ b/docs/pinia/getters.md @@ -0,0 +1,60 @@ +--- +title: Getters πŸ†• +--- + +# Getters + +gettersλŠ” μ—¬λŸ¬ μ»΄ν¬λ„ŒνŠΈμ—μ„œ μ‚¬μš©ν•  수 μžˆλŠ” [μ»΄ν“¨ν‹°λ“œ(computed) 속성](../syntax/computed.md)을 μ˜λ―Έν•©λ‹ˆλ‹€. + +## getters μ„ μ–Έ + +gettersλŠ” λ‹€μŒκ³Ό 같이 μ •μ˜ν•©λ‹ˆλ‹€. λ·°μ—‘μŠ€μ—μ„œ μ •μ˜ν•˜λ˜ 방식과 κ°™μŠ΅λ‹ˆλ‹€. + +```js +export const useStore = defineStore('app', { + state: () => { + return { + count: 0 + } + }, + getters: { + doubleCount(state) { + return state * 2; + } + } +}); +``` + +## getters μ‚¬μš© + +μ•žμ—μ„œ μ„ μ–Έν•œ gettersλŠ” μ»΄ν¬λ„ŒνŠΈμ—μ„œ μ•„λž˜μ™€ 같이 μ‚¬μš©ν•©λ‹ˆλ‹€. + + + +```js +export default defineComponent({ + setup() { + const store = useStore(); + return { store }; + } +}); +``` + + + +```js +export default { + setup() { + const store = useStore(); + return { store }; + } +}; +``` + + + +```html + +``` \ No newline at end of file diff --git a/docs/pinia/state.md b/docs/pinia/state.md index e2ecb6808..b31c5cfb6 100644 --- a/docs/pinia/state.md +++ b/docs/pinia/state.md @@ -20,7 +20,7 @@ export const useStore = defineStore('app', { }); ``` -## state μ ‘κ·Ό +## state μ‚¬μš© μ»΄ν¬λ„ŒνŠΈμ˜ setup() ν•¨μˆ˜ μ•ˆμ—μ„œ λ°˜ν™˜ν•œ κ°’μœΌλ‘œ μƒνƒœλ₯Ό μ ‘κ·Όν•©λ‹ˆλ‹€. @@ -48,7 +48,6 @@ export default { - ```html