http://xiejava.ishareread.com/tags/vue/Recent content in Vue on XieJava's blogHugozh-CNXieJavaThu, 10 Oct 2024 14:49:20 +0000http://xiejava.ishareread.com/posts/2024-10-10-vue3%E5%AE%9E%E7%8E%B0%E7%99%BB%E5%BD%95%E8%8E%B7%E5%8F%96token%E5%B9%B6%E8%87%AA%E5%8A%A8%E5%88%B7%E6%96%B0token%E8%BF%9B%E8%A1%8Cjwt%E8%AE%A4%E8%AF%81/Thu, 10 Oct 2024 14:49:20 +0000http://xiejava.ishareread.com/posts/2024-10-10-vue3%E5%AE%9E%E7%8E%B0%E7%99%BB%E5%BD%95%E8%8E%B7%E5%8F%96token%E5%B9%B6%E8%87%AA%E5%8A%A8%E5%88%B7%E6%96%B0token%E8%BF%9B%E8%A1%8Cjwt%E8%AE%A4%E8%AF%81/<p>在<a href="http://xiejava.ishareread.com/posts/ca8e72/">《django应用JWT(JSON Web Token)实战》</a>介绍了如何通过django实现JWT，并以一个具体API接口实例的调用来说明JWT如何使用。本文介绍如何通过vue3的前端应用来使用JWT认证调用后端的API接口，实现一下的登录认证获取JWT进行接口认证。</p>http://xiejava.ishareread.com/posts/2024-09-01-vue3-elementplus%E7%9A%84%E8%A1%A8%E6%A0%BC%E5%B1%95%E7%A4%BA%E5%92%8C%E5%88%86%E9%A1%B5%E5%AE%9E%E6%88%98/Mon, 02 Sep 2024 09:45:22 +0000http://xiejava.ishareread.com/posts/2024-09-01-vue3-elementplus%E7%9A%84%E8%A1%A8%E6%A0%BC%E5%B1%95%E7%A4%BA%E5%92%8C%E5%88%86%E9%A1%B5%E5%AE%9E%E6%88%98/<p>Element Plus 是一个基于 Vue 3 的现代化 UI 组件库，旨在帮助开发者快速构建美观且功能丰富的 Web 应用程序。它提供了大量的 UI 组件，如按钮、表单、表格、弹出框、标签页、树形控件等，涵盖了 Web 应用开发中常见的大多数场景。本文通过一个实例来说明vue3+elementplus查询、展示和分页实战。</p>http://xiejava.ishareread.com/posts/2024-08-25-vue3-vite%E9%85%8D%E7%BD%AE%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F%E5%AE%9E%E7%8E%B0%E5%BC%80%E5%8F%91%E6%B5%8B%E8%AF%95%E7%94%9F%E4%BA%A7%E7%9A%84%E5%8C%BA%E5%88%86/Sun, 25 Aug 2024 14:57:34 +0000http://xiejava.ishareread.com/posts/2024-08-25-vue3-vite%E9%85%8D%E7%BD%AE%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F%E5%AE%9E%E7%8E%B0%E5%BC%80%E5%8F%91%E6%B5%8B%E8%AF%95%E7%94%9F%E4%BA%A7%E7%9A%84%E5%8C%BA%E5%88%86/<p>在vue的实际项目中都要经过开发、测试、然后上生产的阶段，在开发、测试的过程中往往会要频繁的切换开发、测试、生产等不同的环境。每个环境的配置有可能不一样，本文介绍如何通过vue3+vite配置环境变量实现开发、测试、生产灵活便捷的切换。</p>http://xiejava.ishareread.com/posts/2024-08-24-vue3-vite-axios-mock%E4%BB%8E%E6%8E%A5%E5%8F%A3%E8%8E%B7%E5%8F%96%E6%A8%A1%E6%8B%9F%E6%95%B0%E6%8D%AE%E5%AE%9E%E6%88%98/Sat, 24 Aug 2024 14:44:23 +0000http://xiejava.ishareread.com/posts/2024-08-24-vue3-vite-axios-mock%E4%BB%8E%E6%8E%A5%E5%8F%A3%E8%8E%B7%E5%8F%96%E6%A8%A1%E6%8B%9F%E6%95%B0%E6%8D%AE%E5%AE%9E%E6%88%98/<p>在用Vue.js开发前端应用时通常要与后端服务进行交互，例如通过API接口获取数据，在后端服务接口还没有具备之前，可以通过mock(模拟)数据来进行开发。使用mock数据可以让前端开发人员独立于后端开发人员工作，加快开发速度。在没有真实数据的情况下，mock数据可以帮助开发者更快地看到UI的呈现效果和交互逻辑。</p>http://xiejava.ishareread.com/posts/2022-07-26-django-vue%E5%BF%AB%E9%80%9F%E5%AE%9E%E7%8E%B0%E5%8D%9A%E5%AE%A2%E7%BD%91%E7%AB%99/Tue, 26 Jul 2022 17:18:33 +0000http://xiejava.ishareread.com/posts/2022-07-26-django-vue%E5%BF%AB%E9%80%9F%E5%AE%9E%E7%8E%B0%E5%8D%9A%E5%AE%A2%E7%BD%91%E7%AB%99/<p>Django是一个开放源代码的Web应用框架，由Python写成。采用了MTV的框架模式，即模型M，视图V和模版T。它最初是被开发来用于管理劳伦斯出版集团旗下的一些以新闻内容为主的网站的，即是CMS（内容管理系统）软件。对于博客网站来说是典型的CMS应用。本文介绍通过Django+Vue的博客模版快速实现一个可用的博客网站。</p>http://xiejava.ishareread.com/posts/2022-07-19-vue3%E8%A7%A3%E6%9E%90markdown%E8%A7%A3%E6%9E%90%E5%B9%B6%E5%AE%9E%E7%8E%B0%E4%BB%A3%E7%A0%81%E9%AB%98%E4%BA%AE%E6%98%BE%E7%A4%BA/Tue, 19 Jul 2022 11:07:00 +0000http://xiejava.ishareread.com/posts/2022-07-19-vue3%E8%A7%A3%E6%9E%90markdown%E8%A7%A3%E6%9E%90%E5%B9%B6%E5%AE%9E%E7%8E%B0%E4%BB%A3%E7%A0%81%E9%AB%98%E4%BA%AE%E6%98%BE%E7%A4%BA/<p>Vue实现博客前端，需要实现markdown的解析，如果有代码则需要实现代码的高亮。 Vue的markdown解析库有很多，如markdown-it、vue-markdown-loader、marked、vue-markdown等。这些库都大同小异。这里选用的是marked，代码高亮的库选用的是highlight.js。</p>http://xiejava.ishareread.com/posts/2022-07-03-vue3%E5%BC%95%E5%85%A5vue-router%E8%B7%AF%E7%94%B1%E5%B9%B6%E9%80%9A%E8%BF%87vue-wechat-title%E8%AE%BE%E7%BD%AE%E9%A1%B5%E9%9D%A2title/Sun, 03 Jul 2022 16:36:53 +0000http://xiejava.ishareread.com/posts/2022-07-03-vue3%E5%BC%95%E5%85%A5vue-router%E8%B7%AF%E7%94%B1%E5%B9%B6%E9%80%9A%E8%BF%87vue-wechat-title%E8%AE%BE%E7%BD%AE%E9%A1%B5%E9%9D%A2title/<p>对于用类似Vue前后端分离技术架构的单页应用页面之间的跳转没有非前后端分离那么来得直接，甚至连设置跳转页面的Title都要费一番周折，本文介绍Vue3引入vue-router路由并设置页面Title，通过vue-router实现页面的路由，通过vue-wechat-title来设置页面的title。</p>http://xiejava.ishareread.com/posts/2022-07-03-vue%E5%BF%AB%E9%80%9F%E5%85%A5%E9%97%A8/Sun, 03 Jul 2022 10:02:07 +0000http://xiejava.ishareread.com/posts/2022-07-03-vue%E5%BF%AB%E9%80%9F%E5%85%A5%E9%97%A8/<h2 id="一什么是vue">一、什么是Vue</h2> <p>Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。</p>