考慮使用這個玩意只有兩個理由:
- 組件反解。可以讓服務端模板渲染首屏,隨後由框架接手控制。
- 從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本身工作不正常。