µµ¿ÍÁֽʼŠ¤Ð¤Ð;;
1. äÆÃ¹æ ¸®½ºÆ®°¡ ÀÖ°í, äÆùæÀÌ ÀÖ½À´Ï´Ù.
2. äÆÃ¹æ ¸®½ºÆ®¿¡¼ äÆùæÀ¸·Î À̵¿ÇÒ ¶§¿¡´Â äÆÃID°¡ ¾Æ´Ï¶ó, store ¿¡ ÀúÀåµÈ chatList ¸¦ ÅëÇØ À̵¿ÇÕ´Ï´Ù. (äÆÃ¹æ ¸®½ºÆ® ÀÚü°¡ v-for chatInfo in chatList ·Î ¸¸µé¾îÁ®¼, chatInfo ¸¦ °¡Á®°¨)
3. º¸ÅëÀº äÆÃ¹æ ¸®½ºÆ® -> äÆÃ¹æ ¼øÀ¸·Î ¾×¼¼½º ÇÏÁö¸¸, ¹Ù·Î äÆùæÀ¸·Î ¾×¼¼½º ÇÏ´Â °æ¿ì°¡ ÀÖ¾î ±×°É ¸¸µé·Á°í ÇÕ´Ï´Ù.
4. ¹Ù·Î ¾×¼¼½º ÇÏ´Â °æ¿ì, °ú°ÅÀÇ Ã¤Æà ³»¿ªÀ» °¡Á®¿À±â À§ÇØ axios ·Î api¸¦ ºÎ¸£°Ô µÇ´Âµ¥¿ä... ¸¸¾à äÆùæ ÀÚü°¡ db¿¡ ¾ø´Ù¸é ÀÌ Å¸Àֿ̹¡ äÆùæÀ» ¸¸µé¾îÁÝ´Ï´Ù.
5. axios¸¦ ÅëÇØ Ã¤ÆùæÀÌ ¸¸µé¾îÁ³°í, then ¿¡¼ storeÀÇ getChatList¸¦ dispatch ÇÏ¿© ½ºÅä¾î ³»ºÎ¸¦ ¾÷µ¥ÀÌÆ® ÇØÁÝ´Ï´Ù.
6. ÀÌÁ¦ ÀÌ ¾÷µ¥ÀÌÆ® µÈ ½ºÅä¾îÀÇ chatList ¸¦ °¡Áö°í router.push ·Î äÆùæÀ¸·Î º¸³»·Á°í Çߴµ¥¿ä, ÀÌ°Ô ¾÷µ¥ÀÌÆ®ÀÇ Å¸À̹ÖÀÌ Ç×»ó ¼±Çª½¬ Èľ÷µ«ÀÌ µÇ´õ¶ó±¸¿ä...
ÇÏ¿© Áú¹®ÀÔ´Ï´Ù.
axios.then ¿¡¼ ½ºÅä¾î¸¦ ¾÷µ«ÇÏ°í³ª¼ ±× ¾÷µ¥ÀÌÆ® µÈ º¯¼ö¸¦ È°¿ëÇϱâ À§Çؼ´Â ¾î¶»°Ô ÇØ¾ß Çϳª¿© ¤Ð¤Ð;;
vuexÀÇ mapState·Î °¡Á®¿Í¼ watch·Î »óŸ¦ ÁöÄѺÁµµ
ÀÏ´Ü axios °¡ µé¾îÀÖ´Â ¸Þ¼Òµå°¡ ³¡³ª°í ³ª¼ ¾÷µ¥ÀÌÆ®°¡ µÇ´õ¶ó±¸¿ä..........
Àâ´ã | 2697¸íÀÌ Àоú¾î¿ä. 3.149.243.130