Vue的全局API【Vue源码学习】
Vue框架提供了很多全局的API、例如Vue.extend()、Vue.nextTick()、Vue.component()、Vue.filter()、Vue.use()等等,通过这些API我们可以轻松的完成一些工作。这篇文章我们通过源码方式去理解他们的实现原理。 全局API初始化 全局API的初始化其实是在/src/core/index.js文件里,其中执行 ...
Vue的mergeOptions函数分析-下【Vue源码学习】
上篇文章分析了mergeOptions函数的主要逻辑,最后知道是分别遍历俩个选项对象都去执行mergeField函数,其中mergeField函数其实是根据不同的key值来获取到相应的合并策略,从而执行真正的合并。接下来我们主要分析下Vue针对不同的内部选项实施的合并策略 defaultStrat 我们再看一下mergeField函数,当strats[key]不存在时,会采 ...
Vue的mergeOptions函数分析-上【Vue源码学习】
Vue的mergeOptions函数的主要作用是用于合并选项(将俩个选项对象合并成一个),它是用于实例化和继承的核心函数。这也是为什么我们要去分析它。并且与函数相关的选项合并策略也都在一个文件里,定义在/src/core/util/options.js文件中。 使用场景 因为Vue的核心代码都是放在src文件夹下,所以我们可以在src目录下全局搜索下mergeOptions的 ...
webpack4、Koa搭建Vue服务器端渲染(SSR)
我们现在构建应用都是使用Vue或者React等流行框架,但我们接触到的大多数开发的都是单页面应用,对SEO不是很友好。之前公司从vue单页面迁移到nuxt服务端渲染,我也利用webpack搭建了简易的vue服务端渲染应用,也算是对webpack、Vue-SSR一个学习过程 阅读前 为什么使用服务器渲染? 👉[官方解释](https://ssr.vuejs.org/zh/#% ...