文档:
- doc: https://backbonejs.org/
- doc-zh: https://www.backbonejs.com.cn/
Backbone依赖:
- jquery
- underscore
使用示例
<!-- 引入依赖 --> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/underscore.js/1.13.0/underscore-umd-min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/backbone.js/1.4.0/backbone-min.js"></script> <!-- html --> <div id="container"></div> <!-- script --> <script type="text/javascript"> var AppView = Backbone.View.extend({ el: "#container", // 创建后执行 initialize: function () { this.render(); }, render: function () { this.$el.html("<h1>Hello World!</h1>"); }, }); var appView = new AppView(); </script>
渲染结果
<div id="container"><h1>Hello World!</h1></div>
参考