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本身工作不正常。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章