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