Метод списка vue.js обрабатывается дважды

[mstdmstd]

Всем привет,

В Laravel 5.5/vuejs 2.5 выводя в списке массив userChatMessagesList при наличии 2х элементов:

      <div class="row div_chat_messages_listing">
<ul v-chat-scroll class="p-l-20 ul_chat_messages_listing">
<li v-for="nextUserChatMessage, index in userChatMessagesList" class="m-l-10 m-r-20">

<div class="col-xs-12" v-bind:style="setMessageColors(nextUserChatMessage)" >
<span v-if="nextUserChatMessage.is_top"><i class="glyphicon glyphicon-object-align-left" title="Is top"></i></span>&nbsp;
...
<span v-html="nextUserChatMessage.text" v-bind:style="setMessageTextStyle(nextUserChatMessage)" ></span>
</div>
<div class="col-xs-12 user_chat_control">
<user-chat-control :logged_user_id="logged_user_id" :manager_id_of_chat= manager_id_of_chat :row_listing_index="index"
:user_chat_id="user_chat_id" :user_chat_message_id="nextUserChatMessage.id" :user_chat_message_message_type="nextUserChatMessage.message_type" ></user-chat-control>
</div>
</li>
</ul>
</div>

...

methods: {
setMessageTextStyle: function (nextUserChatMessage) {
var ret_styles= '';
if ( typeof nextUserChatMessage.user_user_chat_new_messages_count != 'undefined' && parseInt(nextUserChatMessage.user_user_chat_new_messages_count) > 0 ) {
ret_styles= ret_styles + " font-weight : bold; "
}
console.log(nextUserChatMessage.id+" : nextUserChatMessage ret_styles:::")
console.log(ret_styles)
return ret_styles;
},

В консоле я вижу что метод setMessageTextStyle обрабатывается дваждыдля каждой строки и не пойму это у меня ошибка или это особенность методов vue?

При этом на странице выводится 2 строки как и нужно...

Спасибо !