ترتیب نمایش پیام ها

تشکر از شما. از لینک دوم استفاده کردم و این تغییرات رو روی فایل Messages.vue اعمال کردم و درست شد: من یک div با کلاس زیر در <template> قرار داده بودم، و <message> رو در اون صدا زده بودم. در کلاسِ مربوط به اون div، کد زیر رو درج کردم: .direct-chat-messages { display: flex; flex-direction: column-reverse; } همچنین خط کد زیر رو کامنت کردم تا دیگه به ابتدای ستون پیام ها متنقل نشه: // this.$refs.message.scrollTop = 0