1.想要将内容只显示一部分，超过的部分用 ... 代替

<template>
	<div v-theme="'wide'" id="show-blogs">
		<h1>博客总览</h1>
		<div v-for="blog in blogs" class='single-blog'>
			<h2 v-rainbow>{{blog.title | to-uppercase}}</h2>
			<article>
				{{blog.body | snippet}}
			</article>
		</div>
	</div>
</template>

自定义一个 snippet ，在main.js中（这是全局的写法）

//自定义过滤器
Vue.filter("snippet",function(value){
	return value.slice(0,100) + " ..."
})

在本页面中写(这是本页面的写法)

filters:{
    'snippet':function(value){
    return value.slice(0,100) + " ..."
}