vue 模版引擎空格_Vue模板语法

1.1 模板语法概述

1.如何理解前端渲染？

把数据填充到HTML标签中

2.前端渲染方式

原生js拼接字符串

使用前端模板引擎

使用vue特有的模板语法

3.原生js拼接字符串

基本上就是将数据以字符串的方式拼接到HTML标 签中，前端代码风格大体上如下所示。

var d = data.weather;

var info = document.getElementById('info');

info.innerHTML = '';

for(var i=0;i

var date = d[i].date;

var day = d[i].info.day;

var night = d[i].info.night;

var tag = '';

tag += '日期：'+date+'

• ';

tag += '

白天天气：'+day[1]+''

tag += '

白天温度：'+day[2]+''

tag += '

白天风向：'+day[3]+''

tag += '

白天风速：'+day[4]+'&