簡單學習weex 的代碼的三部分組成

weex 在開發過程中采用的是Vue 2.0 的單檔案元件文法來編寫代碼的

weex 代碼的三部分構成：<template>    <style>   <script>

  No.1  template

1.  vue 2.0的每個元件必須隻有一個根元素
 2.  template隻支援一個根節點，多個根節點無法被weex 正确識别和處理
 3. 目前僅支援3種根節點：
      div------普通根節點，有确定的尺寸， 不可滾動；曆史版本中，<div> 别名是 <container>，目前已
               經棄用
      scroller--------可滾動根節點，适合于需要全頁滾動的場景；可作為根元素和嵌套元素使用，滾動方向 
                      為垂直方向
      list-------清單根節點，适用于其中包含重複的子元素的清單場景
4. 官方解釋--必須的，使用HTML文法描述頁面結構，内容由多個标簽組成，不同的标簽代表不同的元件
           

  No.2  style

1. 官方解釋--可選的，使用CSS文法描述頁面的具體展現形式
2. 屬于樣式層，可以自定義class，雖然是可選的，但是建議是必須的，養成好習慣不要把所有代碼都寫到html
   裡面，這樣維護會很麻煩，層次不清晰。
3. 兩個屬性：
    scoped:   添加scoped屬性以後，表示限制了該樣式作用域隻在該元件中
    lang:  普通的style标簽隻支援普通的樣式，如果想要啟用scss或less，需要為style元素，設定lang屬性
           

  No.3  script    

1. 官方解釋--可選的，使用 JavaScript 描述頁面中的資料和頁面的行為，Weex 中的資料定義也在 <script> 
   中進行。
2. 包含資料綁定和點選事件處理，包括資料校驗等，處理業務邏輯
           

。