html =拼接dom,js或jq如何优雅的拼接dom？

如果你的项目可以使用vue， 就是可以直接使用vue 的模板 去做，不过我看你说的这个情况 ，应该不是使用vue那一套，

根据你说的既要兼顾性能，又要方便查看和编写，可以使用模板引擎

1.artTemplate 腾讯开源的前端模版引擎

​

var data={

content:[

{province:'四川',city:['成都','绵阳','自贡']},

{province:'广东',city:['广州','东莞','佛山']},

{province:'海南',city:['海口','三亚']}

]

};

var html=template('template',data);

document.getElementById('area').innerHTML=html

artTemplate

性能极佳，比字符串拼接和动态生成dom，要快一倍至少，学习成本极低。

es6 模板字符串

$('#result').append(`

There are ${basket.count} items

in your basket, ${basket.onSale}

are on sale!

`);

[模板字符串] [1]