Vue组件插入换行

var country=Vue.extend({
template:'#country',
data:function(){
return {
items:[
{
country:'英国',
people:'1500个伙伴去过<br/>2000人关注'+'<br/>'+'148人提问',
},
]

}
}

});

//假设已经全局注册组件

<template id='country'>
<div  v-for='item in items' v-html='item.people'></div>
</template>

也就是说写组件的时候添加HTML元素，只要在引用组件的数据时使用v-html来替代v-text就能自动识别HTML的换行或其他元素