单页应用 SAP Vue
https://en.wikipedia.org/wiki/Single-page_application
https://en.wikipedia.org/wiki/Vue.js
A 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 HTML, JavaScript, 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.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 | 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. |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 《HelloGitHub》第 106 期
· 数据库服务器 SQL Server 版本升级公告
· 深入理解Mybatis分库分表执行原理
· 使用 Dify + LLM 构建精确任务处理应用