JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.21/vue.min.js"></script>
<div id="app">
  <ul>
    <li v-for="item in items">
      <div class="title">
        {{ item.title }}
      </div>
      <div class="content">
        {{ item.content | except 20 }}
      </div>
    </li>
  </ul>
</div>

JavaScript

Vue.filter('except', function (value, number) {
  return value.slice(0, -(value.length - number)) + '...'
})

new Vue({
	el: "#app",
  data: {
  	items: [
    	{
      	title: "article 1", 
      	content: "空山新雨后，天气晚来秋。明月松间照，清泉石上流。竹喧归浣女，莲动下渔舟。随意春芳歇，王孙自可留。"
      },
    	{
      	title: "article 2",
      	content:"空山新雨后，天气晚来秋。明月松间照，清泉石上流。竹喧归浣女，莲动下渔舟。随意春芳歇，王孙自可留。"
      },
    	{
      	title: "article 3", 
      	content: "空山新雨后，天气晚来秋。明月松间照，清泉石上流。竹喧归浣女，莲动下渔舟。随意春芳歇，王孙自可留。"
      },
    ]
  },
  
})