<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<rss version="2.0" 
  xmlns:content="http://purl.org/rss/1.0/modules/content/" 
  xmlns:dc="http://purl.org/dc/elements/1.1/" 
  xmlns:atom="http://www.w3.org/2005/Atom" 
  xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" 
  xmlns:media="http://search.yahoo.com/mrss/">
  <channel>
    <title>Vue on 码农真经的博客</title>
    <link>https://blog.mzh.ren/zh/tags/vue/</link>
    <description>Recent content in Vue on 码农真经的博客</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>zh</language>
    <managingEditor>mzhren1024@gmail.com (码农真经)</managingEditor>
    <webMaster>mzhren1024@gmail.com (码农真经)</webMaster>
    <copyright>&amp;copy;{year}, All Rights Reserved</copyright>
    <lastBuildDate>Sun, 07 Jan 2024 00:55:09 +0000</lastBuildDate>
    
        <atom:link href="https://blog.mzh.ren/zh/tags/vue/index.xml" rel="self" type="application/rss+xml" />
    
    
    
      <item>
        <title>2024 前端圈开年大战：Vue.js创始人尤雨溪手撕 React</title>
        <link>https://blog.mzh.ren/zh/posts/2024/01/evan-you-diss-react/</link>
        <pubDate>Sun, 07 Jan 2024 00:55:09 +0000</pubDate>
        <author>mzhren1024@gmail.com (码农真经)</author>
        <atom:modified>Sun, 07 Jan 2024 00:55:09 +0000</atom:modified>
        <guid>https://blog.mzh.ren/zh/posts/2024/01/evan-you-diss-react/</guid>
        <description>&lt;p&gt;最近，React 官方文档更新了，前微软女工程师 Sixian Li 在 Twitter 盛赞 React 文档写的好，把一些常见的错误列了出来，并附上了例子，解释了为什么会出错，以及会导致什么样的问题。Vue.js 的创始人 Evan You ，对此发表的反对的意见。&lt;/p&gt;</description>
        
        <dc:creator>码农真经</dc:creator>
        
        
        
        
          
            
              <category>react</category>
            
          
            
              <category>vue</category>
            
          
            
              <category>尤雨溪</category>
            
          
        
        
        
      </item>
    
      <item>
        <title>【每周书单】CPU通识课、Vue.js技术内幕、人工智能（第4版）、华为数据之道、新机器智能、科学学习、软能力等</title>
        <link>https://blog.mzh.ren/zh/posts/2023/04/books202314/</link>
        <pubDate>Tue, 28 Mar 2023 08:07:00 +0800</pubDate>
        <author>mzhren1024@gmail.com (码农真经)</author>
        <atom:modified>Tue, 28 Mar 2023 08:07:00 +0800</atom:modified>
        <guid>https://blog.mzh.ren/zh/posts/2023/04/books202314/</guid>
        <description>&lt;p&gt;本周是2023年第14周，本周推荐书单均来自群友推荐。欢迎大家在群里推荐书籍，我们会在每周整理出来。也欢迎您的加入，可先加群主微信（微信号：gameboy1000）备注“加群”，群主会拉你进群。&lt;/p&gt;</description>
        
        <dc:creator>码农真经</dc:creator>
        <media:content url="https://blog.mzh.ren/images/feature4/booklist_feature2.jpg" medium="image"><media:title type="html">featured image</media:title></media:content>
        
        
        
          
            
              <category>每周书单</category>
            
          
            
              <category>新书速递</category>
            
          
            
              <category>cpu</category>
            
          
            
              <category>vue</category>
            
          
            
              <category>吴军</category>
            
          
        
        
        
      </item>
    
      <item>
        <title>【开源之耻】vue-admin-beautiful npm 包投毒事件始末</title>
        <link>https://blog.mzh.ren/zh/posts/2023/01/fuck-vue-admin-beautiful/</link>
        <pubDate>Mon, 09 Jan 2023 16:07:00 +0800</pubDate>
        <author>mzhren1024@gmail.com (码农真经)</author>
        <atom:modified>Mon, 09 Jan 2023 16:07:00 +0800</atom:modified>
        <guid>https://blog.mzh.ren/zh/posts/2023/01/fuck-vue-admin-beautiful/</guid>
        <description>&lt;p&gt;&lt;img src=&#34;https://blog.mzh.ren/zh/posts/2023/01/fuck-vue-admin-beautiful/images/post-cover.webp&#34; alt=&#34;【开源之耻】vue-admin-beautiful npm 包投毒事件始末&#34;&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://v2ex.com/t/906834?p=2&#34;&gt;新的前端 npm 包投毒事件 - V2EX&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;2023年1月5日，著名开源项目 &lt;a href=&#34;https://github.com/toeverything/AFFiNE&#34;&gt;AFFiNE&lt;/a&gt; 发推提醒大家，有一个名为 &lt;code&gt;chalk-next&lt;/code&gt; (chalk 的复制品，赝品) 的包文件中含递归删除本地配置代码。随后，该包被 npm 安全团队证实含恶意代码并下架。&lt;/p&gt;</description>
        
        <dc:creator>码农真经</dc:creator>
        
        
        
        
          
            
              <category>开源</category>
            
          
            
              <category>投毒</category>
            
          
            
              <category>vue</category>
            
          
            
              <category>admin dashboard</category>
            
          
        
        
        
      </item>
    
      <item>
        <title>Vue.js强制重新渲染组件的正确方法</title>
        <link>https://blog.mzh.ren/zh/posts/2021/02/2021-02-24-the-correct-way-to-force-vue-to-re-render-a-component/</link>
        <pubDate>Wed, 24 Feb 2021 00:00:00 +0000</pubDate>
        <author>mzhren1024@gmail.com (码农真经)</author>
        <atom:modified>Wed, 24 Feb 2021 00:00:00 +0000</atom:modified>
        <guid>https://blog.mzh.ren/zh/posts/2021/02/2021-02-24-the-correct-way-to-force-vue-to-re-render-a-component/</guid>
        <description>&lt;p&gt;在开发过程中，有时候会遇到这么一种情况，通过动态的赋值，但是dom没有及时更新，能够获取到动态赋的值，但是无法获取到双向绑定的dom节点，这就需要我们手动进行强制刷新组件。一般有这4种方法：&lt;/p&gt;</description>
        
        <dc:creator>码农真经</dc:creator>
        
        
        
        
          
            
              <category>vue</category>
            
          
            
              <category>组件</category>
            
          
            
              <category>重新渲染</category>
            
          
        
        
          
            
              <category>代码</category>
            
          
            
              <category>前端</category>
            
          
        
        
      </item>
    
      <item>
        <title>Vue.js添加全局过滤器的几种方法</title>
        <link>https://blog.mzh.ren/zh/posts/2021/01/2021-01-26-several-ways-to-add-global-filters-in-vue-js/</link>
        <pubDate>Tue, 26 Jan 2021 00:00:00 +0000</pubDate>
        <author>mzhren1024@gmail.com (码农真经)</author>
        <atom:modified>Tue, 26 Jan 2021 00:00:00 +0000</atom:modified>
        <guid>https://blog.mzh.ren/zh/posts/2021/01/2021-01-26-several-ways-to-add-global-filters-in-vue-js/</guid>
        <description>&lt;h3&gt;&lt;img src=&#34;https://blog.mzh.ren/zh/posts/2021/01/2021-01-26-several-ways-to-add-global-filters-in-vue-js/images/vuejs-tutorial_2d2a853c-aa2f-44b0-80df-933b495f77f8.jpg&#34; alt=&#34;&#34;&gt;&lt;/h3&gt;
&lt;h3 id=&#34;过滤器基础知识&#34;&gt;&lt;strong&gt;过滤器基础知识&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：&lt;strong&gt;双花括号插值和 &lt;code&gt;v-bind&lt;/code&gt; 表达式。&lt;/strong&gt;&lt;/p&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;&amp;lt;!-- 在双花括号中 --&amp;gt;
{{ message | capitalize }}

&amp;lt;!-- 在 `v-bind` 中 --&amp;gt;
&amp;lt;div v-bind:id=&amp;#34;rawId | formatId&amp;#34;&amp;gt;&amp;lt;/div&amp;gt;
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;组件内创建过滤器，是在filters对象中添加一个方法，如下capitalize方法：&lt;/p&gt;</description>
        
        <dc:creator>码农真经</dc:creator>
        
        
        
        
          
            
              <category>filter</category>
            
          
            
              <category>mixin</category>
            
          
            
              <category>vue</category>
            
          
        
        
          
            
              <category>代码</category>
            
          
        
        
      </item>
    
      <item>
        <title>Vue.js 常见面试题【基础类】</title>
        <link>https://blog.mzh.ren/zh/posts/2021/01/2021-01-06-vue-js-common-interview-questions/</link>
        <pubDate>Wed, 06 Jan 2021 00:00:00 +0000</pubDate>
        <author>mzhren1024@gmail.com (码农真经)</author>
        <atom:modified>Wed, 06 Jan 2021 00:00:00 +0000</atom:modified>
        <guid>https://blog.mzh.ren/zh/posts/2021/01/2021-01-06-vue-js-common-interview-questions/</guid>
        <description>&lt;p&gt;&lt;img src=&#34;https://blog.mzh.ren/zh/posts/2021/01/2021-01-06-vue-js-common-interview-questions/images/bg2020123003.jpg&#34; alt=&#34;&#34;&gt;&lt;/p&gt;
&lt;p&gt;某培训机构的总结的vue.js的常见面试问题，分为基础类和扩展类。&lt;/p&gt;
&lt;p&gt;刚好最近也在学习vue.js框架，就查阅了官方文档，简单回答如下：&lt;/p&gt;
&lt;p&gt;[基础类问题]&lt;/p&gt;</description>
        
        <dc:creator>码农真经</dc:creator>
        
        
        
        
          
            
              <category>v-if</category>
            
          
            
              <category>v-show</category>
            
          
            
              <category>vue</category>
            
          
            
              <category>interview</category>
            
          
        
        
          
            
              <category>代码</category>
            
          
            
              <category>面试</category>
            
          
        
        
      </item>
    
      <item>
        <title>Vue.js 切换路由后页面回到顶部</title>
        <link>https://blog.mzh.ren/zh/posts/2020/06/2020-06-07-vue-js-go-top-after-router-switch/</link>
        <pubDate>Sun, 07 Jun 2020 00:00:00 +0000</pubDate>
        <author>mzhren1024@gmail.com (码农真经)</author>
        <atom:modified>Sun, 07 Jun 2020 00:00:00 +0000</atom:modified>
        <guid>https://blog.mzh.ren/zh/posts/2020/06/2020-06-07-vue-js-go-top-after-router-switch/</guid>
        <description>&lt;p&gt;vue-router有两种路由模式（&lt;a href=&#34;https://router.vuejs.org/zh/guide/essentials/history-mode.html&#34;&gt;HTML5 History 模式 | Vue Router&lt;/a&gt;）。&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。&lt;/p&gt;</description>
        
        <dc:creator>码农真经</dc:creator>
        
        
        
        
          
            
              <category>gotop</category>
            
          
            
              <category>vue</category>
            
          
            
              <category>vue-router</category>
            
          
            
              <category>滚动</category>
            
          
            
              <category>路由</category>
            
          
        
        
          
            
              <category>代码</category>
            
          
            
              <category>前端</category>
            
          
        
        
      </item>
    
      <item>
        <title>Module build failed: Error:Node Sass does not yet support your current environment</title>
        <link>https://blog.mzh.ren/zh/posts/2020/03/2020-03-30-node-sass-does-not-yet-support-your-current-environment-windows-64-bit-with-unsupported-runtime-72/</link>
        <pubDate>Mon, 30 Mar 2020 00:00:00 +0000</pubDate>
        <author>mzhren1024@gmail.com (码农真经)</author>
        <atom:modified>Mon, 30 Mar 2020 00:00:00 +0000</atom:modified>
        <guid>https://blog.mzh.ren/zh/posts/2020/03/2020-03-30-node-sass-does-not-yet-support-your-current-environment-windows-64-bit-with-unsupported-runtime-72/</guid>
        <description>&lt;p&gt;npm run dev 启动一个 Vue  项目报错：&lt;/p&gt;
&lt;p&gt;Failed to compile with 1 errors 21:36:21&lt;br /&gt;
error in ./src/App.vue&lt;/p&gt;
&lt;p&gt;Module build failed: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (72)&lt;br /&gt;
For more information on which environments are supported please see:&lt;br /&gt;
&lt;a href=&#34;https://github.com/sass/node-sass/releases/tag/v4.9.3&#34;&gt;https://github.com/sass/node-sass/releases/tag/v4.9.3&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;可能是以前一直没用sass，升级了node没有连带升级相关组件，简单粗暴的卸载重装，解决问题。&lt;/p&gt;</description>
        
        <dc:creator>码农真经</dc:creator>
        
        
        
        
          
            
              <category>node</category>
            
          
            
              <category>sass</category>
            
          
            
              <category>vue</category>
            
          
        
        
          
            
              <category>代码</category>
            
          
        
        
      </item>
    
      <item>
        <title>VueMarkdownBlog - 最简单的静态博客程序</title>
        <link>https://blog.mzh.ren/zh/posts/2020/03/2020-03-27-vuemarkdownblog-simple-static-blog-generator/</link>
        <pubDate>Fri, 27 Mar 2020 00:00:00 +0000</pubDate>
        <author>mzhren1024@gmail.com (码农真经)</author>
        <atom:modified>Fri, 27 Mar 2020 00:00:00 +0000</atom:modified>
        <guid>https://blog.mzh.ren/zh/posts/2020/03/2020-03-27-vuemarkdownblog-simple-static-blog-generator/</guid>
        <description>&lt;p&gt;有很多静态博客生成器，据网站 &lt;a href=&#34;https://www.staticgen.com/&#34;&gt;StaticGen | Top Open Source Static Site Generators&lt;/a&gt;  统计在案的就有281个。&lt;/p&gt;
&lt;p&gt;其中基于javascript语言的就有 106个。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://blog.mzh.ren/zh/posts/2020/03/2020-03-27-vuemarkdownblog-simple-static-blog-generator/images/static-gen-js.jpg&#34; alt=&#34;&#34;&gt;&lt;/p&gt;
&lt;p&gt;这些静态博客生成器，大多数都支持固定的模板或通过Markdown写博文，通过安装一定的&lt;strong&gt;环境&lt;/strong&gt;把模板文件转换成HTML文件。&lt;/p&gt;</description>
        
        <dc:creator>码农真经</dc:creator>
        
        
        
        
          
            
              <category>markdown</category>
            
          
            
              <category>vue</category>
            
          
            
              <category>博客</category>
            
          
            
              <category>静态博客</category>
            
          
        
        
          
            
              <category>代码</category>
            
          
            
              <category>tool</category>
            
          
        
        
      </item>
    
      <item>
        <title>为什么我喜欢Vue胜过React?</title>
        <link>https://blog.mzh.ren/zh/posts/2020/03/2020-03-13-why-i-prefer-vue-over-react/</link>
        <pubDate>Fri, 13 Mar 2020 00:00:00 +0000</pubDate>
        <author>mzhren1024@gmail.com (码农真经)</author>
        <atom:modified>Fri, 13 Mar 2020 00:00:00 +0000</atom:modified>
        <guid>https://blog.mzh.ren/zh/posts/2020/03/2020-03-13-why-i-prefer-vue-over-react/</guid>
        <description>&lt;blockquote&gt;
&lt;p&gt;原文：&lt;a href=&#34;https://medium.com/@gaute.meek/why-i-prefer-vue-over-react-12ab1da113be&#34;&gt;Why I prefer Vue over React - Gaute Meek Olsen - Medium&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;翻译：码农真经&lt;/p&gt;
&lt;p&gt;这篇文章主要集中在API、工具层次的讨论，没有涉及到Vue与React的核心差异。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;img src=&#34;https://blog.mzh.ren/zh/posts/2020/03/2020-03-13-why-i-prefer-vue-over-react/images/vue-vs-react.png&#34; alt=&#34;&#34;&gt;&lt;/p&gt;
&lt;p&gt;当今有很多很棒的Web开发框架，我相信每个框架都可以用来创建您想要的网站。你的选择的仅取决于个人喜好，您甚至可以不使用任何框架。&lt;/p&gt;</description>
        
        <dc:creator>码农真经</dc:creator>
        
        
        
        
          
            
              <category>react</category>
            
          
            
              <category>vue</category>
            
          
            
              <category>vue-cli</category>
            
          
        
        
          
            
              <category>代码</category>
            
          
            
              <category>前端</category>
            
          
        
        
      </item>
    
  </channel>
</rss>