var country=Vue.extend({
template:'#country',
data:function(){
return {
items:[
{
country:'英国',
people:'1500个伙伴去过<br/>2000人关注'+'<br/>'+'148人提问',
},
]
}
}
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的换行或其他元素