<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Vue on Zhou&#39;s blog</title>
        <link>https://blog.zhoujump.com/en/categories/vue/</link>
        <description>Recent content in Vue on Zhou&#39;s blog</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>en</language>
        <lastBuildDate>Mon, 06 Apr 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://blog.zhoujump.com/en/categories/vue/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>Nuxt Learning Journey 1</title>
        <link>https://blog.zhoujump.com/en/p/learn-nuxt-1/</link>
        <pubDate>Mon, 06 Apr 2026 00:00:00 +0000</pubDate>
        
        <guid>https://blog.zhoujump.com/en/p/learn-nuxt-1/</guid>
        <description>&lt;img src="https://blog.zhoujump.com/en/p/learn-nuxt-1/cover.en.webp" alt="Featured image of post Nuxt Learning Journey 1" /&gt;&lt;blockquote&gt;
&lt;p&gt;This article is published on my personal website. Original link: &lt;a class=&#34;link&#34; href=&#34;https://blog.zhoujump.com/p/learn-nuxt-1/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Nuxt Learning Journey 1&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;
&lt;h2 id=&#34;introduction&#34;&gt;Introduction
&lt;/h2&gt;&lt;p&gt;In the era of AI, being a simple &amp;ldquo;UI slicer&amp;rdquo; or having only basic knowledge of frontend engineering is no longer a high-value skill. To avoid being left behind by the rapidly advancing wheels of technology, I’ve decided to learn full-stack development while I&amp;rsquo;m still young. Since there are relatively few comprehensive Nuxt tutorials in Chinese, I&amp;rsquo;ve started this series to document my learning and help others avoid common pitfalls.&lt;/p&gt;</description>
        </item>
        <item>
        <title>Two-way data binding of contenteditable elements in Vue</title>
        <link>https://blog.zhoujump.com/en/p/contenteditable-vue/</link>
        <pubDate>Tue, 26 Aug 2025 00:00:00 +0000</pubDate>
        
        <guid>https://blog.zhoujump.com/en/p/contenteditable-vue/</guid>
        <description>&lt;img src="https://blog.zhoujump.com/en/p/contenteditable-vue/cover.en.webp" alt="Featured image of post Two-way data binding of contenteditable elements in Vue" /&gt;&lt;blockquote&gt;
&lt;p&gt;This article is published on my personal website, original link: &lt;a class=&#34;link&#34; href=&#34;https://blog.zhoujump.com/en/p/contenteditable-vue/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Two-way data binding of contenteditable elements in Vue&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;A record of what to pay attention to when using the contenteditable attribute in Vue.&lt;/p&gt;
&lt;h2 id=&#34;contenteditable&#34;&gt;contenteditable
&lt;/h2&gt;&lt;h3 id=&#34;usage&#34;&gt;Usage
&lt;/h3&gt;&lt;p&gt;Adding contenteditable=&amp;ldquo;true&amp;rdquo; attribute to any element can make the element editable. It can achieve richer editing control layout than ordinary input and textarea. For example, an editor that can embed tags like this:
&lt;img src=&#34;https://blog.zhoujump.com/p/contenteditable-vue/1-1.webp&#34;
	width=&#34;1111&#34;
	height=&#34;552&#34;
	
	loading=&#34;lazy&#34;
	
		alt=&#34;A text editor that can embed tags&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;201&#34;
		data-flex-basis=&#34;483px&#34;
	
&gt;&lt;/p&gt;</description>
        </item>
        <item>
        <title>My resume editor is online</title>
        <link>https://blog.zhoujump.com/en/p/resume-tool-index/</link>
        <pubDate>Mon, 07 Oct 2024 00:00:00 +0000</pubDate>
        
        <guid>https://blog.zhoujump.com/en/p/resume-tool-index/</guid>
        <description>&lt;img src="https://blog.zhoujump.com/p/resume-tool-index/cover.webp" alt="Featured image of post My resume editor is online" /&gt;&lt;blockquote&gt;
&lt;p&gt;Original article: &lt;a class=&#34;link&#34; href=&#34;https://blog.zhoujump.com/en/p/resume-tool-index/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;My resume editor is online&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;Drag and drop layout, with two sets of simple and beautiful themes. You can export the resume as an image or call the print function. Free to use, no login required. Welcome to use it.&lt;/p&gt;
&lt;a target=&#34;_blank&#34; href=&#34;https://resume.zhoujump.com/&#34;&gt;
&lt;div class=&#34;enter-button&#34;&gt;Enter now&lt;/div&gt;
&lt;/a&gt;
&lt;style&gt;
.enter-button {
text-align: center;
background: #0C9371;
width: 300px;
color: #fff;
height: 50px;
line-height: 50px;
border-radius: 25px;
margin: 0 auto;
}
&lt;/style&gt;</description>
        </item>
        
    </channel>
</rss>
