为什么发生这样的变化？原因是：如果我们在 Vue2 中创建多个 Vue 实例，那么所有应用（#app）都会共享全局相同的配置。 显然，这并不是我们想要的。在 Vue3 中，你可以创建多个实例，且每个实例都可以拥有单独的配置。 受到 React 的启发，Vue3 引入 Compo…

作为 Vue 面试中的必考题之一，Vue 的响应式原理，想必用过 Vue 的同学都不会陌生，Vue 官方文档 对响应式要注意的问题也都做了详细的说明。 但是对于刚接触或者了解不多的同学来说，可能还会感到困惑：为什么不能检测到对象属性的添加或删除？为什么不支持通过索引设置数组成员…

如果已安装旧版本，需要先npm uninstall vue-cli -g 卸载掉旧版本。 注：项目名称不能驼峰命名。 如果选择 y 会让输入名称，以便下次直接使用，否则直接开始初始化项目。 这样的好处是方便管理、后期维护，还可以和后端的微服务对应，建立多文件存放不同模块的api…

2)、优化单页应用的首屏加载时间：现今单页面应用大行其道，单页面应用解决了页面无感加载，但是带来了首屏加载缓慢；通过服务器端渲染机制可以很好的解决首屏页面加载问题。当然这不是唯一的解决方案（合理拆分成多页面应用也可以解决）； 1)、纯后台技术实现：利用后台语言模板引擎进行服务器…

如果你是一个已经在学习前端开发的初学者亦或者是一名在代码界纵横多年的程序员，那你一定知道现在最火的前端框架之一Vue.js。它相比于React与Angular上手更加容易，或许这也是很多初学者选择vue的原因之一。 我们看到很多招聘上都写着掌握vue开发项目，那么面试都会问什么…

写Vue有很长一段时间了，除了常规的业务开发之外，也应该思考和反思一下封装组件的正确方式。以弹窗组件为例，一种实现是在需要模板中引入需要弹窗展示的组件，然后通过一个flag变量来控制弹窗的组件，在业务代码里面会充斥着冗余的弹窗组件逻辑，十分不优雅。 本文整理了开发Vue组件的一…

1.插件prerender-spa-plugin，vue-meta-info2.prerender-spa-plugin插件进行页面的预渲染，vue-meta-info添加页面title,keywor

为了解决 vue 项目的 seo 问题，最近研究了下服务端渲染，所以就有了本文的记录。 项目的主要目录结构如上所示，其中 package.json 请查看项目。关于为什么要使用状态管理库 Vuex，官网有明确的解释。后文有例子帮助进一步理解。 接下来我们暂时不管服务端渲染的事情…

分享一篇有关于vue.js SEO的文章，提供搜索引擎优化的相关思路。