Backbone.js:为复杂WEB应用程序提供MVC结构

文档：

• 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>
  
 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
  
19
  
20
  
21
  
22
  
23
  
24
  
25
  
26
  
27
  
28
  
29
  
30
 

渲染结果

<div id="container"><h1>Hello World!</h1></div>

  
 

  
1
 

参考
w3cschool-backbonejs 教程

文章来源: pengshiyu.blog.csdn.net，作者：彭世瑜，版权归原作者所有，如需转载，请联系作者。

原文链接：pengshiyu.blog.csdn.net/article/details/116930890