<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??碼云GVP開源項目 12k star Uniapp+ElementUI 功能強大 支持多語言、二開方便! 廣告
                ## **一,生成組件結構** 新建vue頁面,輸入**comt**回車 頁面名以hs開頭,最外層class名與文件名相同,且css以該class為命名空間。 ``` <!--? ??@pageName:組件中文名 ??@author:開發者 ??@date:?2020-08-20?16:35 ??@params:參數或slot ??@event:事件 ??@note:說明 --> <template> ??<div?class='hs-a'> ????{{data}} ??</div> </template> <script?type='textecmascript-6'> export?default?{ ??data(){ ????return?{ ??????data:'a' ????} ??}, ??created(){ ??}, ??methods:{ ???/*******************************************接口************************************************************?*/ ???/*******************************************事件************************************************************?*/ ???/*******************************************方法************************************************************?*/ ???/*******************************************其它************************************************************?*/ ??}, } </script> <style?lang='scss'?scoped> .hs-a{ ??width:?100%; } </style> ``` - 說明 1.在UI設計圖完成后,從應用的所有頁面中抽離出功能樣式相近或相似的模塊,給組件命名,功能要求,提供可參考的現有組件(包括第三方庫) 2.每個頁面都應用由很多公共組件組成,數據驅動型組件應用與外界無關,僅通過porop接收,$emit發送數據。 組件內不調用接口,不接收變更全局變量,狀態管理,以解耦組件之間的關系 組件內部變量,方法,函數自產自消 公共組件可引用公共組件或公共工具類 公共組件應盡量預留slot 項目主要使用vant(H5端),element-ui(PC端)組件庫,絕大多情況下應使用并將這兩個組件庫的組件封裝成自己的組件,并寫注釋 3.組件名以hy開頭,最外層class名與文件名相同,且css以該class為命名空間
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看