Vue---实例属性$options(获取data外面的数据和方法)

一、概述

大家都知道如何在Vue创建一个实列

const vm = new Vue(options)

在这里把Vue的实例命名为vm，这是尤雨溪的习惯，我们沿用

vm对象封装了对视图的所有操作，包括数据读写、事件绑定、DOM更新...

vm的构造函数是Vue，按照ES6的说法，vm所属的类是Vue

options是 new Vue 的参数，我们一般称之为选项或者构造选项，用于当前 Vue 实例的初始化选项。

二、那么options里面有什么呢？

options的五类属性：

数据：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

三、其他用途：

用于当前 Vue 实例的初始化选项。需要在选项中包含自定义属性时会有用处。

$option 是用来获取data外面的数据和方法。

this.$options 即可以获取自定义属性，也可以增加自定义属性，而且，获取自定义属性的方法有两种。

      this.mydata = this.$options['myoption']
      this.mydata1 = this.$options.myoption