介绍
nuevoframe 是一个轻量级的前端框架，提供了多种常见的功能（如路由、数据绑定等），并支持扩展和自定义。
使用 npm install nuevoframe 可以安装该框架。
视图（View）
视图是展示数据的地方，nuevoframe 中的视图是一个 HTML 模板和一个 JavaScript 文件。模板中可以使用 mustache 语法绑定数据。
举个例子，在模板中可以使用 {{name}} 来绑定一个名为 name 的变量，变量值可以在 JavaScript 文件中定义。
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ------------------------ ------- ------ ----------------- ---------------------- ------- -------
nuevo.view('home', {
title: 'Home Page',
name: 'Welcome to my website!',
description: 'This is a personal website created with nuevo'
});路由（Router）
路由用于处理 URL 和视图之间的映射关系。nuevoframe 提供了一个简单的路由系统，可以方便地进行路由配置。
举个例子，我们可以配置一个 URL 为 /about 的路由，对应的视图为名为 about 的视图。
nuevo.router.add('/about', function() {
nuevo.show('about');
});在浏览器中打开 /about URL，nuevoframe 将展示 about 视图。
模型（Model）
模型用于存储数据和数据的操作。nuevoframe 中的模型是一个对象，可以包含多个属性和方法。
举个例子，我们可以定义一个名为 user 的模型，包含一个名为 name 的属性和一个名为 changeName 的方法。
nuevo.model('user', {
name: 'Guest',
changeName: function(newName) {
this.name = newName;
}
});控制器（Controller）
控制器用于连接视图和模型，并处理用户的输入。nuevoframe 中的控制器是一个对象，可以包含多个方法，每个方法对应一个视图。
举个例子，我们可以定义一个名为 home 的控制器，包含一个名为 updateName 的方法，用于更新 user 模型的名称属性。
nuevo.controller('home', {
updateName: function() {
var newName = prompt('Enter your name:');
nuevo.model('user').changeName(newName);
}
});数据绑定（Data Binding）
数据绑定是一种将视图和模型连接起来的技术，nuevoframe 中支持双向数据绑定，可以自动更新视图和模型中的数据。
举个例子，我们可以在视图中使用 n-bind 指令来将一个 HTML 元素绑定到模型中的某个属性。
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ------------------------ ------- ------ ----------------- ------- -------------- ------------------ ------------- -- ------------- ----------------- ------- -------
-- -------------------- ---- -------
------------------ -
------ ----- ------
----- -------------------------
------------ ----- -- - -------- ------- ------- ---- ------
---
------------------------ -
----------- ---------- -
--- ------- - ------------- ---- --------
----------------------------------------
-
---
------------------- -
----- --------
----------- ----------------- -
--------- - --------
---------------------
-
---总结
nuevoframe 提供了一个轻量级的前端框架，可以方便地进行视图、路由、模型、控制器和数据绑定的开发。通过使用上述技术，可以快速搭建一个支持 MVC 开发模式的 Web 应用。
示例代码参见 https://github.com/nuevoframe/demo 。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562ef81e8991b448e0a8b