vue v-for中filter没有起效果？

Question

<dl id="list">
    <template >
        <dd class="{{ message.type | convertType }}" v-for="message in messages">
            <ul>
                <li class="nick-name">{{ message.nickname }}</li>
                <li class="detail">
                    <div class="head-icon"></div>
                    <div class="text" v-if="message.dataType === 1">
                        <img src="{{ message.img }}">
                    </div>
                    <div class="text" v-else>
                        {{ message.text }}
                    </div>
                </li>
            </ul>
        </dd>
    </template>
</dl>

var vm = new Vue({
        el: "#list",
        data: {
            messages: []
        },
        filters: {
            convertType: function (type) {
                return type === 0 ? 'me' : 'other';
            }
        }
    });

这是结果：

messageType没有起效果，这是为什么？

Answer 1

你看是不是有警告信息。
要使用v-bind:class="value|filter"的形式
应该是用的2.X版本Vue吧，看下说明。传送门

Answer 2

class没生效，说一下你的版本

Answer 3

应该使用 v-bind:class 吧？

v-bind:class="[type === 0 ? 'me' : 'other']"

详见 https://cn.vuejs.org/v2/guide/class-and-style.html#数组语法