2.5.13
https://jsfiddle.net/freakypie/nn2vwt7b/22/
vue์์ ๊ฐ์ ์ ๋ง ๋น ๋ฅด๊ฒ ๋ณ๊ฒฝํ๋ฉด ์ ํ์ผ๋ก ์ธํด ํด๋์ค์ ๋จ์์ด ์ ๊ฑฐ๋์ง ์์ต๋๋ค.
๋ผ๋ฒจ์ด ํ์๋์ด์ผํฉ๋๋ค
๋ผ๋ฒจ์ด ํ์๋์ง ์์ต๋๋ค
๋ด ์ฑ์์ ์ฑ ํค๋๊ฐ ์์ด์ผํ๋ ํ์ด์ง๋ก ๋ฆฌ๋๋ ์ ํ์ง๋ง ๋ค๋ฅธ ํ์ด์ง๋ก ๋ฆฌ๋๋ ์ ํ์ง๋ง ์ด์จ๋ ํค๋๊ฐ ๋๋ฝ๋์์ต๋๋ค.
์๊ฐ์ ๋ํ ํด๊ฒฐ ๋ฐฉ๋ฒ์ผ๋ก ๋น์ ์ด ์ฌ์ฉํ ์์๋ v-if
๋์ ์ v-show
๋น๋ถ๊ฐ ๋๋ ๊ทธ๊ฒ์ ํญ๋กํ๊ณ ์ง์ญ ์ฌ์ฐ์ ์ฌ์ฉํ์ต๋๋ค.
async "$store.state.invisible"() {
clearTimeout(this.__updateInvisible);
this.__updateInvisible = setTimeout(() => {
this.invisible = this.$store.state.invisible;
}, 50);
},
์ ์๊ฒ ํจ๊ณผ๊ฐ ์์ต๋๋ค. ๋ฒ๊ทธ์ ๋ํด ์๋ ค ๋๋ฆฌ๊ณ ์ถ์์ต๋๋ค.
https://github.com/vuejs/vue/issues/5800์ ์ค๋ณต ์ผ ์ ์์ต๋๊น? ๐ค
์, ๊ทธ๋, ๋๋ ๊ทธ๊ฒ์ด ์ ํ ๊ทธ๋ฃน์ด๊ธฐ ๋๋ฌธ์ ๊ทธ๊ฒ์ด v-show ์ธ ๊ฒ์๋ณด๊ธฐ ์ํด ์ฝ๋๋ฅผ ํ์ธํ์ง ์์์ผ๋ฏ๋ก v-for
๋ง ํ ๊ฒ์ด๋ผ๊ณ ๊ธฐ๋ํ์ต๋๋ค. ๊ด๋ จ์ด์๋ ๊ฒ ๊ฐ์ง๋ง ๋ค๋ฅธ ์์ธ์ผ๋ก ์ธํด ๋ฐ์ํ ์ ์์ผ๋ฏ๋ก ์ ์ ์ด์ด ๋ ์์์ ๊ฒ ๊ฐ์ต๋๋ค.
์ด ๋ฌธ์ ๋ # 7391์ ์ํด ์์ ๋์์ต๋๋ค (์์ง ์ถ์๋์ง ์์).