看了一篇关于webpack+handlebars模板使用的文章,有个疑问待解答!
我看到一篇文章: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;
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
请问你的问题解决了么