vue中切割字符串_问题1：vue中修改 字符 中某些字符的样式（把返回的字符串分割成两部分，一部分用另外的样式显示。）...

在vue中  如何能用最简单的方法实现这个效果呢？(注意页面中的数据都是从后台来的  。。)

最方便的方法就是在后台传过来的数据中加入标签， 结构如下：

在渲染的时候要通过变量绑定。即vue中的v-html指令

其他的方法也有很多比如说用js去替换字符串里面的某些内容 replace()方法：

例1：

var name = "javascript Vue Vux";

var text=name.replace(/javascript/i, "JavaScript");

例2：

var str = "abcd";function HightLight(e){　　var reg = new RegExp(e, "g")　　str = str.replace(reg, function(v){　　　　return v.fontcolor("Red")　　});}HightLight("bc")

例3：

var str="今年24岁，爸爸今年45岁，妈妈今年44岁，一共有3人"

function test($1){

var gyear=(new Date()).getYear()-parseInt($1)+1;

return $1+"("+gyear+"年出生)";

}

var reg=new RegExp("(\\d+)岁","g");

var newstr=str.replace(reg,test);

就酱吧