San：百度快速轻量 JavaScript 组件框架安装与使用指南

一、项目官方信息

San 是百度开源的快速、轻量、灵活的 JavaScript 组件框架，提供组件化视图层开发能力，体积小、性能好，适合构建交互复杂的前端页面。

二、官方图片

上图为 San 官方 Logo。

三、环境要求

• 现代浏览器；
• Node.js 14+；
• npm/yarn。

四、安装步骤

1. 安装依赖

npm install san

2. 定义组件

import san from 'san';

var MyApp = san.defineComponent({
    template: '<div>Hello {{name}}</div>',
    initData() { return { name: 'San' }; }
});
var myApp = new MyApp();
myApp.attach(document.body);

3. 模板语法

<div>
  <h3>{{title}}</h3>
  <ul>
    <li s-for="item in list">{{item}}</li>
  </ul>
</div>

五、使用方法

• 组件化：defineComponent 定义；
• 响应式数据：initData；
• 指令：s-for、s-if；
• 路由：san-router；
• 状态：san-store。

六、常见问题 FAQ

1. San 是什么？ 百度开源的轻量组件框架。

2. 和 Vue 类似吗？ 模板语法相近，体积更小。

3. 怎么安装？ npm install san。

4. 有路由吗？ san-router。

5. 适合什么场景？ 交互复杂的页面、中后台。

6. 协议是什么？ MIT。

七、跳转链接

• GitHub 仓库：baidu/san
• 官网：baidu.github.io/san
• npm：san