考虑使用这个玩意只有两个理由:
- 组件反解。可以让服务端模板渲染首屏,随后由框架接手控制。
- 从IE7(作者在评论中有提到)开始支持。
在改造老项目上特别吸引人,只需要移除哪些繁杂的dom操作由mvvm框架代替,不用重写整个业务。
因为已经非常熟悉vue,所以一上来就直奔文档的组件反解并且写了个demo,别的部分都不需要看。
写demo的过程中发现以下需要注意的点:
- 组件反解的html comment数据标记,必须紧跟组件的根元素,否则san识别失败,看起来必须是根元素的第一个子元素,中间任何节点都不能有。
必须写成这样:
<div id=root><!--s-data:{
name: 'San Reverse'
}-->
不能是这样:
<div id=root>
<!--s-data:{
name: 'San Reverse'
}-->
- 官方提供的chrome插件San Devtool在1.1.0时,组件反解无法使用,并且还会导致san本身工作不正常。