转自

作者：Jrain
链接

Vue 3.0 的响应式系统是独立的模块，可以完全脱离 Vue 而使用，所以我们在 clone 了源码下来以后，可以直接在 packages/reactivity 模块下调试。

1.在项目根目录运行 yarn dev reactivity，然后进入 packages/reactivity 目录找到产出的 dist/reactivity.global.js 文件。
2.新建一个 index.html，写入如下代码：

<script src="./dist...

官网介绍及使用：

指定组件的渲染和观察期间未捕获错误的处理函数。这个处理函数被调用时，可获取错误信息和 Vue 实例

Vue.config.errorHandler = function (err, vm, info) {
  //处理错误信息, 进行错误上报
  //err错误对象
  //vm Vue实例
  //`info` 是 Vue 特定的错误信息，比如错误所在的生命周期钩子
  //只在 2.2.0+ 可用
}

这个相当于一个简单的store管理，在不用vuex的情况下，不同组件之...

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中, 也是vue官方推荐使用的http库；封装axios，一方面为了以后维护方便，另一方面也可以对请求进行自定义处理，不多BB,开搞

一般我们开发都会有开发、测试、生产环境，前缀需要加以区分，我们利用node环境变量来作判断

if(process.env.NODE_ENV === "development"){
    axios.default.baseURL = "XXXX...

原文地址

当回答面试官问及的Vue问题，我们除了照本宣科的回答外，其实还可以根据少量的源码来秀一把，来体现出你对Vue的深度了解。

new关键字代表实例化一个对象, 而Vue实际上是一个类, 源码位置是/src/core/instance/index.js。

function Vue (options) {
  if (process.env.NODE_ENV !== 'production' &&
    !(this instanceof Vue)
  ) {...

keep-alive是Vue.js的一个内置组件。它能够不活动的组件实例保存在内存中，而不是直接将其销毁，它是一个抽象组件，不会被渲染到真实DOM中，也不会出现在父组件链中。

它提供了include与exclude两个属性，允许组件有条件地进行缓存。

具体内容可以参考官网。

<keep-alive>
    <component></component>
</keep-alive>

这里的component组件会被缓存起来。

举个栗子

<keep-...