一、为什么使用SSR ？在传统vue单页面应用中，页面的渲染都是由js完成，搜索引擎爬虫抓取工具无法爬取页面的内容，如果 SEO 对你的站点很重要，则你可能需要服务器端渲染(SSR)解决此问题。

不过使用起来并不是很方便，如每个使用的地方需要引入该组件，需要注册，需要给组件加ref引用，需要调用事件来控制状态。其实这个组件相对来说是比较独立的，我们在使用组件库的时候，相信都有调用过命令式弹窗组件的经历，今天我们就来搞懂这种命令式组件的实现原理，以及将这个精美的弹窗组件改…

手写 Mini-Vue3 专栏的第二篇文章，通过这篇文章，你将能够彻底搞懂 Vue3 的 reactivity 中主要功能的实现原理。

Vue.js构建的应用程序，默认情况下是有一个html模板页，然后通过webpack打包生成一堆js、css等等资源文件。然后塞到index.html中 更有好的SEO。由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。 Client Bundle，给浏览器用。和纯Vue前端…

相信看完这篇文章的你，跟我的想法是一样的。 为了实现数据变化影响视图，vue采用了观察者模式，将数据和页面渲染关联起来。通过dep收集依赖，当数据变化时，通知对应watcher更新视图。 取值时，给每个属性都加了个dep属性，用于存储这个渲染watcher （同一个watche…

前言 说到服务端渲染我们首先想到jsp,php这些后端模板渲染。 所以才会有一些人一听服务端渲染就开始嘲讽。 怎么前端越搞来越回去了,搞了一圈SPA，最后还不是要和后端一样搞模板渲染之类的奇怪论调 当

前言前端权限架构的设计一直都是备受关注的技术点.通过给项目引入了权限控制方案,可以满足我们灵活的调整用户访问相关页面的许可.比如哪些页面向游客开放,哪些页面必须要登录后才能访问,哪些页面只能被某些角色

通过全局方法 Vue.use() 使用插件。它需要在你调用 new Vue() 启动应用之前完成： Vue.js 的插件有一个公开方法 install。这个方法的第一个参数是 Vue 构造器，第二个参数是一个可选的选项对象： 当我们编写插件的时候理所当然的就会省去挂载这一步操作…

浏览器里右键时会有一个默认的菜单，在我的开源项目中正好有自定义右键菜单的需求，在npm库找了下与之相关的包，发现都是以组件形式实现的，感觉那种做法太过繁琐。 于是，我就想着能不能像vue的内置指令那样，绑定到元素上，在这个元素上右键就能出现右键菜单，这样做就方便很多了。 看了下…