构造选项是什么?
先来看一张内存图。
image.png
Vue 后面的 options 就是构造选项,它是 new Vue 的参数,我们一般称之为选项或构造选项

image.png
前面的 const vm 我们有时候不写,这就是构造一个 Vue 的实例。它会根据你给出的选项得出一个对象,我们将它命名为 vm ,vm 封装了这个 DOM ,以及对应的所有操作。不管是事件绑定,数据的读写,还是DOM 的更新,都由这个 vm 负责。你只需要调用它对应的 API 就行了。

原型有个公式:

image.png

在 Vue 这里是一样的,
image.png

那么,Vue.__proto__ 等于什么呢?
image.png

这是原型中的另一个公式:
image.png

options 里面有什么?

看看官方文档是怎么说的
image.png

数据 data、props、propsData、computed、methods、watch
DOM el、template、render、renderError
生命周期钩子 beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、activated、deactivated、beforeDestroy、destroyed、errorCaptured
资源 directives、filters、components
组合 parent、mixins、extends、provide、inject