vue 过滤器的问题

Question

比如我要实现 后台给我的数据展示

// hehe 假如是 天山雪莲 这个字符串

<div>{{ hehe }}</div>

我想加个过滤器 只显示前两个字符 天山 怎么弄 ?

<div>{{ hehe | cut }}</div>

Vue.filter('cut',function (v) {
   return v.substring(0,2);
})

为什么这样写是不行的 必须要 加个 input v-model = 'hehe' 绑定了之后才会有效果 我想一开始就 显示两个字符怎么弄 ?

Answer 1

https://jsfiddle.net/ckkyarzz/1/