handlerbars.js 是字符串模板,其实如果使用ES6,使用ES6模板字符串也是很方便的,可以看看模板字符串,也可以看看支持webpack,node构建的aui-template。
ES6的例子:
模板字符串 template.js:
export default function template (data) {
return `
name: ${data.name}
age: ${data.profile.age}
${data.skills.map(skill => `
${skill}`).join('')}
`}
调用:
import template from './template'
const data = {
name: 'zhaomenghuan',
profile: { age: 24 },
skills: ['html5', 'javascript', 'android']
}
document.body.innerHTML = template(data)