单页应用 SAP Vue

https://en.wikipedia.org/wiki/Single-page_application

https://en.wikipedia.org/wiki/Vue.js

single-page application (SPA) is a web application or website that interacts with the user by dynamically rewriting the current web page with new data from the web server, instead of the default method of a web browser loading entire new pages. The goal is faster transitions that make the website feel more like a native app.

In a SPA, a page refresh never occurs; instead, all necessary HTMLJavaScript, and CSS code is either retrieved by the browser with a single page load,[1] or the appropriate resources are dynamically loaded and added to the page as necessary, usually in response to user actions. The page does not reload at any point in the process, nor does it transfer control to another page, although the location hash or the HTML5 History API can be used to provide the perception and navigability of separate logical pages in the application.[2]

https://vuejs.org/v2/guide/

What is Vue.js?

Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries.

If you’d like to learn more about Vue before diving in, we created a video walking through the core principles and a sample project.

If you are an experienced frontend developer and want to know how Vue compares to other libraries/frameworks, check out the Comparison with Other Frameworks.

Version: webpack 4.18.0
Time: 18052ms
Built at: 2021/06/17 下午8:47:42
                                   Asset       Size           Chunks                    Chunk Names
  static/fonts/element-icons.732389d.ttf   54.6 KiB                   [emitted]
 static/fonts/element-icons.535877f.woff   27.5 KiB                   [emitted]
             static/css/app.d85d8ef0.css    257 KiB              app  [emitted]  [big]  app
               static/js/app.f20085cb.js    146 KiB              app  [emitted]         app
      static/css/chunk-00b7.ae74c066.css   13.3 KiB       chunk-00b7  [emitted]
        static/js/chunk-00b7.083d63fe.js     24 KiB       chunk-00b7  [emitted]
      static/css/chunk-0800.4830e790.css   19.1 KiB       chunk-0800  [emitted]
        static/js/chunk-0800.f86bcc7a.js   60.7 KiB       chunk-0800  [emitted]
      static/css/chunk-092e.c5c0383c.css    0 bytes       chunk-092e  [emitted]
        static/js/chunk-092e.5c4091a5.js  454 bytes       chunk-092e  [emitted]
      static/css/chunk-0a81.cddf7b91.css   3.02 KiB       chunk-0a81  [emitted]
        static/js/chunk-0a81.ce275313.js   3.56 KiB       chunk-0a81  [emitted]
      static/css/chunk-0bd2.ee036b15.css   1.62 KiB       chunk-0bd2  [emitted]
        static/js/chunk-0bd2.11e1f3ea.js   4.04 KiB       chunk-0bd2  [emitted]
      static/css/chunk-0bf2.84ef1c00.css   3.65 KiB       chunk-0bf2  [emitted]
        static/js/chunk-0bf2.887f2427.js   3.74 KiB       chunk-0bf2  [emitted]
      static/css/chunk-0fbc.72350470.css   3.65 KiB       chunk-0fbc  [emitted]
        static/js/chunk-0fbc.5ee3e127.js   5.12 KiB       chunk-0fbc  [emitted]
      static/css/chunk-1249.db4d0dfb.css   23.6 KiB       chunk-1249  [emitted]
        static/js/chunk-1249.28e99615.js   57.3 KiB       chunk-1249  [emitted]
      static/css/chunk-1284.450eecb3.css  185 bytes       chunk-1284  [emitted]
        static/js/chunk-1284.c8c3e64e.js  621 bytes       chunk-1284  [emitted]
      static/css/chunk-2112.68e17e9f.css   3.02 KiB       chunk-2112  [emitted]
        static/js/chunk-2112.6584e11a.js   4.67 KiB       chunk-2112  [emitted]
      static/css/chunk-284e.52f5acaa.css  654 bytes       chunk-284e  [emitted]
        static/js/chunk-284e.cb246577.js   3.63 KiB       chunk-284e  [emitted]
      static/css/chunk-296b.f07cd3c4.css   4.33 KiB       chunk-296b  [emitted]
        static/js/chunk-296b.be9c7115.js   6.31 KiB       chunk-296b  [emitted]
      static/css/chunk-2e03.6c4b6705.css  654 bytes       chunk-2e03  [emitted]
        static/js/chunk-2e03.74cdf893.js   5.94 KiB       chunk-2e03  [emitted]
      static/css/chunk-34e1.219213c4.css    0 bytes       chunk-34e1  [emitted]
        static/js/chunk-34e1.60e7d650.js  865 bytes       chunk-34e1  [emitted]
      static/css/chunk-3504.8c4461d0.css   1.35 KiB       chunk-3504  [emitted]
        static/js/chunk-3504.a7a3bd95.js    6.8 KiB       chunk-3504  [emitted]
      static/css/chunk-38e3.1f5c01fd.css   11.1 KiB       chunk-38e3  [emitted]
        static/js/chunk-38e3.d578f6fd.js   24.7 KiB       chunk-38e3  [emitted]
      static/css/chunk-4170.1f1c6cca.css   14.7 KiB       chunk-4170  [emitted]
        static/js/chunk-4170.c356ee3f.js   21.3 KiB       chunk-4170  [emitted]
      static/css/chunk-4c31.d262ef6a.css   9.19 KiB       chunk-4c31  [emitted]
        static/js/chunk-4c31.fc1fd26e.js   59.8 KiB       chunk-4c31  [emitted]
      static/css/chunk-4da6.a9b7a261.css     21 KiB       chunk-4da6  [emitted]
        static/js/chunk-4da6.67f14a58.js    126 KiB       chunk-4da6  [emitted]
      static/css/chunk-520e.a80286c7.css   2.33 KiB       chunk-520e  [emitted]
        static/js/chunk-520e.9920a1e3.js   2.37 KiB       chunk-520e  [emitted]
      static/css/chunk-61c9.aa5009f4.css   1.77 KiB       chunk-61c9  [emitted]
        static/js/chunk-61c9.81064197.js   2.91 KiB       chunk-61c9  [emitted]
      static/css/chunk-61ea.aa7f8900.css   1.09 KiB       chunk-61ea  [emitted]
        static/js/chunk-61ea.ad3f1550.js   3.93 KiB       chunk-61ea  [emitted]
      static/css/chunk-6daf.0aa1380d.css   9.34 KiB       chunk-6daf  [emitted]
        static/js/chunk-6daf.3f1cb685.js   8.32 KiB       chunk-6daf  [emitted]
      static/css/chunk-8c7a.d60b5591.css    0 bytes       chunk-8c7a  [emitted]
        static/js/chunk-8c7a.abc65a80.js   1.77 KiB       chunk-8c7a  [emitted]
      static/css/chunk-cbb3.a6ef8b3b.css   18.7 KiB       chunk-cbb3  [emitted]
        static/js/chunk-cbb3.7918b064.js   39.4 KiB       chunk-cbb3  [emitted]
      static/css/chunk-ced6.d5a45f4a.css   3.02 KiB       chunk-ced6  [emitted]
        static/js/chunk-ced6.7f6d3caf.js   3.84 KiB       chunk-ced6  [emitted]
      static/css/chunk-d481.f0280a7e.css   3.02 KiB       chunk-d481  [emitted]
        static/js/chunk-d481.afdcfb7b.js   3.71 KiB       chunk-d481  [emitted]
      static/css/chunk-d51c.d4bd655a.css    0 bytes       chunk-d51c  [emitted]
        static/js/chunk-d51c.e6352026.js   1.18 KiB       chunk-d51c  [emitted]
      static/css/chunk-d6b4.2b1ea6e6.css   10.9 KiB       chunk-d6b4  [emitted]
        static/js/chunk-d6b4.af862ed8.js   21.4 KiB       chunk-d6b4  [emitted]
      static/css/chunk-df0a.5d1e6ba8.css   1.09 KiB       chunk-df0a  [emitted]
        static/js/chunk-df0a.47441e50.js   6.45 KiB       chunk-df0a  [emitted]
      static/css/chunk-e870.e102541d.css  435 bytes       chunk-e870  [emitted]
        static/js/chunk-e870.220b1215.js   3.01 KiB       chunk-e870  [emitted]
      static/css/chunk-ec78.0ed2c564.css   5.25 KiB       chunk-ec78  [emitted]
        static/js/chunk-ec78.91023095.js   12.4 KiB       chunk-ec78  [emitted]
   static/js/chunk-elementUI.187ce6f4.js    641 KiB  chunk-elementUI  [emitted]  [big]  chunk-elementUI
      static/css/chunk-f3a6.a0cef22a.css   3.65 KiB       chunk-f3a6  [emitted]
        static/js/chunk-f3a6.4851ced2.js   3.65 KiB       chunk-f3a6  [emitted]
      static/css/chunk-f925.9f0a18ef.css   3.02 KiB       chunk-f925  [emitted]
        static/js/chunk-f925.3c567d15.js   3.53 KiB       chunk-f925  [emitted]
      static/css/chunk-libs.2887f7da.css   15.9 KiB       chunk-libs  [emitted]         chunk-libs
        static/js/chunk-libs.f1879e11.js   1.25 MiB       chunk-libs  [emitted]  [big]  chunk-libs
                             favicon.png   21.6 KiB                   [emitted]
                              index.html   8.94 KiB                   [emitted]
                  static/img/brt-tip.png   7.33 KiB                   [emitted]
                       static/img/IE.png   2.67 KiB                   [emitted]
                   static/img/chrome.jpg     21 KiB                   [emitted]
   static/css/chunk-00b7.ae74c066.css.gz   2.02 KiB                   [emitted]
     static/js/chunk-00b7.083d63fe.js.gz   5.64 KiB                   [emitted]
   static/css/chunk-0800.4830e790.css.gz   3.42 KiB                   [emitted]
   static/css/chunk-1249.db4d0dfb.css.gz   3.49 KiB                   [emitted]
     static/js/chunk-0800.f86bcc7a.js.gz   12.6 KiB                   [emitted]
     static/js/chunk-2e03.74cdf893.js.gz   3.81 KiB                   [emitted]
   static/css/chunk-38e3.1f5c01fd.css.gz   1.96 KiB                   [emitted]
     static/js/chunk-1249.28e99615.js.gz   10.6 KiB                   [emitted]
   static/css/chunk-4170.1f1c6cca.css.gz   2.56 KiB                   [emitted]
     static/js/chunk-38e3.d578f6fd.js.gz   7.42 KiB                   [emitted]
     static/js/chunk-4170.c356ee3f.js.gz   6.16 KiB                   [emitted]
   static/css/chunk-4da6.a9b7a261.css.gz   2.75 KiB                   [emitted]
   static/css/chunk-cbb3.a6ef8b3b.css.gz   2.17 KiB                   [emitted]
   static/css/chunk-d6b4.2b1ea6e6.css.gz   1.65 KiB                   [emitted]
     static/js/chunk-4c31.fc1fd26e.js.gz   10.3 KiB                   [emitted]
     static/js/chunk-d6b4.af862ed8.js.gz    5.7 KiB                   [emitted]
     static/js/chunk-cbb3.7918b064.js.gz   6.88 KiB                   [emitted]
     static/js/chunk-df0a.47441e50.js.gz   4.01 KiB                   [emitted]
     static/js/chunk-ec78.91023095.js.gz   2.52 KiB                   [emitted]
   static/css/chunk-libs.2887f7da.css.gz   5.05 KiB                   [emitted]
     static/js/chunk-4da6.67f14a58.js.gz   18.5 KiB                   [emitted]
            static/js/app.f20085cb.js.gz     47 KiB                   [emitted]
          static/css/app.d85d8ef0.css.gz   41.2 KiB                   [emitted]
static/js/chunk-elementUI.187ce6f4.js.gz    155 KiB                   [emitted]
     static/js/chunk-libs.f1879e11.js.gz    451 KiB                   [emitted]  [big]
Entrypoint app [big] = static/js/runtime.54100782.js static/js/chunk-elementUI.187ce6f4.js static/css/chunk-libs.2887f7da.css static/js/chunk-libs.f1879e11.js static/css/app.d85d8ef0.css static/js/app.f20085cb.js

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
  static/css/app.d85d8ef0.css (257 KiB)
  static/js/chunk-elementUI.187ce6f4.js (641 KiB)
  static/js/chunk-libs.f1879e11.js (1.25 MiB)
  static/js/chunk-libs.f1879e11.js.gz (451 KiB)

WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
  app (2.29 MiB)
      static/js/runtime.54100782.js
      static/js/chunk-elementUI.187ce6f4.js
      static/css/chunk-libs.2887f7da.css
      static/js/chunk-libs.f1879e11.js
      static/css/app.d85d8ef0.css
      static/js/app.f20085cb.js


  Build complete.

  Tip: built files are meant to be served over an HTTP server.
  Opening index.html over file:// won't work.

  

原文地址:https://www.cnblogs.com/rsapaper/p/9328716.html