San初步使用

考虑使用这个玩意只有两个理由：

1. 组件反解。可以让服务端模板渲染首屏，随后由框架接手控制。
2. 从IE7（作者在评论中有提到）开始支持。

   

在改造老项目上特别吸引人，只需要移除哪些繁杂的dom操作由mvvm框架代替，不用重写整个业务。

   

因为已经非常熟悉vue，所以一上来就直奔文档的组件反解并且写了个demo，别的部分都不需要看。

写demo的过程中发现以下需要注意的点：

1. 组件反解的html comment数据标记，必须紧跟组件的根元素，否则san识别失败，看起来必须是根元素的第一个子元素，中间任何节点都不能有。

   必须写成这样：

   <div id=root><!--s-data:{

   name: 'San Reverse'

   }-->

      

   不能是这样：

   <div id=root>

   <!--s-data:{

   name: 'San Reverse'

   }-->

      

2. 官方提供的chrome插件San Devtool在1.1.0时，组件反解无法使用，并且还会导致san本身工作不正常。

转载于:https://www.cnblogs.com/inside/p/8854506.html