我看到一篇文章:HANDLEBARS 模板引擎之前后端用法
他使用webpack+jquery+handlebars,可以如下这样将逻辑、样式、内容和资源统一起来管理;但我有个疑问,如果子模块自己事件交互,就比如一个header模板某个button要绑定click事件和相应的事件处理函数写到哪里好呢??
//header.hbs
<div class="header">
{{words}}
<button onclick="handleClick()"><button>
</div>
// header.js
require('./header.scss');
var headerTpl = require('./header.hbs');
var data = {words: "This is header!"}; //data可以用参数传入
var header = headerTpl(data);
module.exports = header;
// home.hbs
<div class="home">
{{{ header }}}
<h2>This is {{name}} page.</h2>
{{{ footer }}}
</div>
// home.js
require('./home.scss');
var header = require('../../component/header/header.js');
var footer = require('../../component/footer/footer.js');
var homeTpl = require('./home.hbs');
var data = {
header: header,
footer: footer,
name: 'home'
};
var home = homeTpl(data);
module.exports = home;
请问你的问题解决了么