<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>

                ![](https://img.kancloud.cn/62/d5/62d5e3b9c45401e50de25fb33c8f6c50_1280x720.png) ## 一、前端響應式框架VUE簡介 * Vue (讀音 /vju?/,類似于 **view**) * Vue的官方網站是:https://cn.vuejs.org/ * 是中國的大神尤雨溪開發的,為數不多的國人開發的世界頂級開源軟件 * 是一套用于構建用戶界面的**漸進式框架**。Vue 被設計為可以自底向上逐層應用。(下文會介紹什么是漸進式框架及自底向上逐層應用的概念) * MVVM響應式編程模型,避免直接操作DOM , 降低DOM操作的復雜性。 ![](https://img.kancloud.cn/7c/c8/7cc82a6a40244d5e6ff87a3db9653586_578x300.png) + MVVM:頁面輸入改變數據,數據改變影響頁面數據展示與渲染 - M(model):普通的javascript數據對象 - V(view):前端展示頁面 - VM(ViewModel):用于雙向綁定數據與頁面,對于我們的課程來說,就是vue的實例 ## 二、VUE核心功能 * 基礎功能:頁面渲染、表單處理提交、幫我們管理DOM(虛擬DOM)節點 * 組件化開發:增強代碼的復用能力,復雜系統代碼維護更簡單 ![](https://img.kancloud.cn/04/19/04197f9ddc6ab1e9095d0fd8eeba4e98_835x281.png) * 前端路由:更流暢的的用戶體驗、靈活的在頁面切換已渲染組件的顯示,不需與后端做多余的交互 * 狀態集中管理:MVVM響應式模型基礎上實現多組件之間的狀態數據同步與管理 * 前端工程化:結合webpack等前端打包工具,管理多種靜態資源,代碼,測試,發布等,整合前端大型項目。 ## 三、漸進式框架 ![](https://img.kancloud.cn/04/33/0433b011a0029b0d30790fc9355335f3_696x522.png) 筆者理解的“漸進式框架”也非常簡單,就是用你想用或者能用的功能特性,你不想用的部分功能可以先不用。**VUE不強求你一次性接受并使用它的全部功能特性**。 1. 場景一:公司剛開始一個項目,技術人員對Vue的掌握也不足夠。那么我們就不能使用VUE了么?當然不是,如果你只是使用VUE做些**基礎操作**,如:頁面渲染、表單處理提交功能,那還是非常簡單的,成熟技術人員上手也就一兩天。完全可以用它去代替jquery。并不需要你去引入其他復雜特性功能。 2. 場景二:我們項目用了VUE,使用的效果也挺好。那么我們想逐漸實現代碼組件化,實現代碼的復用,或者是基于組件原型的跨項目的代碼復用。那么我們就可以引入VUE的components組件特性了。 3. 場景三:我們的項目規模逐漸的變大了,我們可能會逐漸用到前端路由、狀態集中管理、并最終實現一個高度工程化的前端項目。這些功能特性我們可以逐步引入,當然不用也可以。 所以VUE的適用面很廣,你可以用它代替老項目中的JQuery。也可以在新項目啟動初期,有限的使用VUE的功能特性,從而降低上手的成本。
                  <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>

                              哎呀哎呀视频在线观看