<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>Vue on MoeJue&#39;s Blog</title>
    <link>https://en.moejue.cn/zh-hant/tags/vue/</link>
    <description>Recent content in Vue on MoeJue&#39;s Blog</description>
    <generator>Hugo -- 0.151.2</generator>
    <language>zh-hant</language>
    <lastBuildDate>Sat, 23 Aug 2025 12:34:26 +0000</lastBuildDate>
    <atom:link href="https://en.moejue.cn/zh-hant/tags/vue/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>我不會AE,但是我會Code</title>
      <link>https://en.moejue.cn/zh-hant/posts/280/</link>
      <pubDate>Sat, 23 Aug 2025 12:29:01 +0000</pubDate>
      <guid>https://en.moejue.cn/zh-hant/posts/280/</guid>
      <description>&lt;h2 id=&#34;-緒山真尋的小窩-&#34;&gt;✨ 緒山真尋的小窩 ✨&lt;/h2&gt;
&lt;p&gt;&lt;img alt=&#34;緒山まひろ&#34; loading=&#34;lazy&#34; src=&#34;https://mahiro.moejue.cn/static/images/onimai.png&#34;&gt;&lt;/p&gt;
&lt;h3 id=&#34;-歡迎來到緒山真尋的小窩-&#34;&gt;🌸 歡迎來到緒山真尋的小窩 🌸&lt;/h3&gt;
&lt;p&gt;&lt;img alt=&#34;緒山まひろ&#34; loading=&#34;lazy&#34; src=&#34;https://mahiro.moejue.cn/static/images/Mahiro06.png&#34;&gt;&lt;/p&gt;
&lt;p&gt;哇！你發現了我的秘密基地！(*≧ω≦)&lt;/p&gt;
&lt;p&gt;這裡是緒山真尋的個人網站，充滿了可愛的動畫和有趣的內容！我會在這裡分享我喜歡的動畫、漫畫、遊戲和一些日常生活中的小確幸～&lt;/p&gt;
&lt;h3 id=&#34;-關於我-&#34;&gt;💕 關於我 💕&lt;/h3&gt;
&lt;p&gt;我是緒山真尋，一個熱愛成人遊戲的家裡蹲廢柴尼特族。喜歡動畫、漫畫、輕小說和各種可愛的東西！最喜歡的顏色是粉色和淡藍色！&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;  ∩∩
（･ω･）  &amp;lt;- 這是我！
＿|　⊃／(＿＿
／ └-(＿＿＿／
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;img alt=&#34;緒山まひろ&#34; loading=&#34;lazy&#34; src=&#34;https://mahiro.moejue.cn/static/images/visual_chara_mahiro-mihari.webp&#34;&gt;&lt;/p&gt;
&lt;h3 id=&#34;-網站內容-&#34;&gt;🎀 網站內容 🎀&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;🌟 精美動畫展示&lt;/li&gt;
&lt;li&gt;📚 我的私房照&lt;/li&gt;
&lt;li&gt;🎵 好聽的音樂&lt;/li&gt;
&lt;li&gt;📷 日常生活的小片段&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;-關於-&#34;&gt;🌈 關於 🌈&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;🎭 演示: &lt;a href=&#34;https://mahiro.moejue.cn/&#34;&gt;https://mahiro.moejue.cn/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;🏠 個人部落格: &lt;a href=&#34;https://MoeJue.cn/&#34;&gt;https://MoeJue.cn/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;🐱 GitHub: &lt;a href=&#34;https://github.com/iAJue/Mahiro&#34;&gt;https://github.com/iAJue/Mahiro&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;📧 官方網站: &lt;a href=&#34;https://onimai.jp/&#34;&gt;https://onimai.jp/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;-版權聲明-&#34;&gt;📝 版權聲明 📝&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;本網站由 @Moejue 設計和開發&lt;/li&gt;
&lt;li&gt;網站中使用的所有動畫片段、漫畫圖片、角色形象及相關內容的版權均歸原作者(ねことうふ（Nekotofu）)及其發行公司(Studio Bind、Ichijinsha)所有&lt;/li&gt;
&lt;li&gt;如有侵權，請透過以上聯絡方式告知，我會立即刪除相關內容&lt;/li&gt;
&lt;li&gt;GNU GENERAL PUBLIC LICENSE Version 2&lt;/li&gt;
&lt;li&gt;Copyright © 2025 MoeJue. All rights reserved.&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;-特別感謝-&#34;&gt;💌 特別感謝 💌&lt;/h3&gt;
&lt;p&gt;感謝所有喜歡緒山真尋的朋友們！(●&amp;rsquo;◡&amp;rsquo;●)&lt;/p&gt;</description>
    </item>
    <item>
      <title>打造 macOS 風格的 Web 應用</title>
      <link>https://en.moejue.cn/zh-hant/posts/260/</link>
      <pubDate>Sun, 11 May 2025 11:46:03 +0000</pubDate>
      <guid>https://en.moejue.cn/zh-hant/posts/260/</guid>
      <description>&lt;h3 id=&#34;專案概述&#34;&gt;專案概述&lt;/h3&gt;
&lt;p&gt;在當今的 Web 開發領域，使用者體驗和介面設計變得越來越重要。&lt;/p&gt;
&lt;p&gt;Mac Web Vue Template 是一個受 macOS 設計啟發的現代優雅的 Vue.js Web 模板，它是一個基於 Vue.js 的現代化 Web 應用模板，其設計靈感來源於 macOS 的優雅介面。這個專案不僅提供了美觀的 UI 設計，還包含了完整的專案結構和最佳實踐。&lt;/p&gt;
&lt;h4 id=&#34;線上演示&#34;&gt;線上演示&lt;/h4&gt;
&lt;p&gt;你可以透過造訪 &lt;a href=&#34;https://mac.moejue.cn/&#34;&gt;WebAi&lt;/a&gt; 來體驗這個模板的實際效果。邀請碼(MoeJue)&lt;/p&gt;
&lt;h3 id=&#34;核心特色&#34;&gt;核心特色&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;macOS 風格的 UI 設計&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;採用 macOS 的設計語言&lt;/li&gt;
&lt;li&gt;精緻的毛玻璃效果&lt;/li&gt;
&lt;li&gt;優雅的動畫過渡&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;現代化的技術棧&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Vue.js 作為核心框架&lt;/li&gt;
&lt;li&gt;Vite 作為建構工具&lt;/li&gt;
&lt;li&gt;Pinia 進行狀態管理&lt;/li&gt;
&lt;li&gt;Vue Router 處理路由&lt;/li&gt;
&lt;li&gt;SCSS 預處理器&lt;/li&gt;
&lt;li&gt;ES6+ 現代特性&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;響應式設計&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;完美適配各種螢幕尺寸&lt;/li&gt;
&lt;li&gt;流暢的行動裝置體驗&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 id=&#34;專案結構解析&#34;&gt;專案結構解析&lt;/h3&gt;
&lt;p&gt;專案採用了清晰且模組化的目錄結構：&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;src/
├── assets/          # 靜態資源
├── components/      # Vue 組件
│   ├── common/     # 通用組件
│   ├── system/     # 系統組件
│   └── apps/       # 應用組件
├── views/          # 頁面視圖
├── router/         # 路由配置
├── stores/         # 狀態管理
└── utils/          # 工具函數
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;這種結構設計使得專案具有良好的可維護性和可擴展性。&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
