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

                >[info]本章介紹一下前端模板 `vue`和`vue3Native`的區別 >目前Vue3 通過Online代碼生成支持vue3和vue3Native > JeecgBoot版本要求: 3.2.0+ ( 提供了vue3、vue3Native模板目錄 ) [TOC] ## 目錄結構介紹 ![](https://img.kancloud.cn/aa/a0/aaa002de1b56530d7c840b8efff7a8c5_1278x330.png) >[info]vue3 * `*list.vue`如(TestCustomerList.vue):vue列表頁 * `*.data.list`如(TestCustomer.data.ts):數據頁面,包含列渲染數據、查詢區域渲染數據及表單渲染數據,以`json`的方式進行配置 * `*.api.ts`如(TestCustomer.api.ts):接口頁面 * `*.sql`如(TestCustomer_menu_insert.sql):可執行的菜單升級sql * `*Modal.vue`如(TestCustomerModal.vue):表單彈窗渲染頁面 ![](https://img.kancloud.cn/e9/99/e9994b604c93d0978e12d336f93355e9_410x181.png) >[info]vue3Native * `*list.vue`如(TestCustomerList.vue):vue列表頁 * `*.api.ts`如(TestCustomer.api.ts):接口頁面 * `*.sql`如(TestCustomer_menu_insert.sql):可執行的菜單升級sql * `*Modal.vue`如(TestCustomerModal.vue):彈窗頁面 * `*Form.vue`如(TestCustomerForm.vue):表單渲染頁面 ![](https://img.kancloud.cn/d8/a0/d8a045bcd2a9091bc9f4154979355b76_376x215.png) ## 重點來了-> vue和vue3Native的區別 >[info]vue3和vue3Native主要區別為:`vue3`表單數據和查詢數據均在`*.data.ts頁面`,均以json的格式進行填寫,而`vue3Native`以`Ant Design Vue`原生寫法實現,更加靈活,下面讓我們一起來看一看吧 >[info]vue3的數據渲染頁面均寫在`*.data.ts`頁面,如 >查詢區域 * 數據 ![](https://img.kancloud.cn/da/72/da722c4778a415d9fbe0c13a001ae506_620x255.png) * 頁面 ![](https://img.kancloud.cn/7d/85/7d85d4b1b2f81537861633b303e126fd_1866x827.png) >表單區域:均寫在了`*Modal.vue`頁面 * 數據 ![](https://img.kancloud.cn/3d/f1/3df107a842070387629a4ce1648632c7_568x463.png) * 頁面 ![](https://img.kancloud.cn/93/d6/93d6d60e7979f7646ad1e4482559524b_1888x793.png) >[info]vue3Native的數據渲染 >查詢區域,寫在了`*List.vue`的開頭部分 ![](https://img.kancloud.cn/ed/49/ed498c595b3b05612178563ce6cbb1d3_1873x837.png) >表單區域:將`modal`層和`From`層分離開,方便維護,更加靈活 * `modal`彈窗層 ![](https://img.kancloud.cn/4a/3b/4a3bfe0b5c737cb1f69fbb2e040a623b_1909x826.png) * `Form`數據渲染層 ![](https://img.kancloud.cn/a0/9c/a09cb0e422db99ac53b1ef5420ddc82d_1897x804.png)
                  <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>

                              哎呀哎呀视频在线观看