前端渲染
前端渲染就是把数据填充到HTML标签中
过程：模版+数据->前端渲染->HTML静态内容
前端渲染方式
1. 原生js拼接字符串
方式：数据以字符串的方式拼接到HTML标签。
缺点：不规范，代码不清晰，维护麻烦
2. 前端模版引擎
方式：基于art-template，代码更加规范，标准化
优点：可读性提高，方便后期维护
缺点：没有专门的事件机制，需要和js结合
3. 使用vue特有的模板语法
- 插值表达式
- 指令
- 事件绑定
- 属性绑定
- 样式绑定
- 分支循环结构
例子
1. 原生js拼接字符串
var info = document.getElementById('info');
info.innerHTML= '';
for ( var i=0; i < 10 ; i++)
{
tag = "测试"
var div = document.createElement('div');
div.innerHTML= tag;
info.appendChild(div);
}2. 前端模板引擎
{{title}} {{each list as value i }}
索引：{{i+1}}:{{value}} {{/each}}" _ue_custom_node_="true">Vue的插值表达式
{{msg}} {{ 1+2 }} {{ msg + '---' + 'Vue' }}本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
