Vue 实例
Vue 实例是通过 Vue 函数创建的对象，是使用 Vue 功能的基础。
Vue函数是Vue.js给我们提供的全局函数，可以通过创建Vue函数的实例对象方式，来去使用Vue.js所有功能
el选项
• 用于选取一个 DOM 元素作为 Vue 实例的挂载目标。
• 只有挂载元素内部才会被 Vue 进行处理，外部为普通 HTML 元素。
• 代表 MVVM 中的 View 层(视图)。
• 可以为 CSS 选择器格式的字符串 或 HTMLElement 实例，但不能为 html 或 body。
HTMLElement 实例中通过document.querySelector()的语法进行DOM元素获取，
（‘#app’）内部代表的是id为app的元素
获取的方式多种多样，DOM中提供很多种方式进行获取HTMLElement 实例的 ：
document.getElementById('....')
• 挂载完毕后，可以通过 vm.$el 进行访问。
vm是当前创建的Vue实例, vm.$el就代表vm实例对象中的el属性的内容（选项内容）
• 未设置 el 的 vue 实例，也可以通过 vm.$mount() 进行挂载，参数形式与 el 规则相同。
创建好vm实例以后，再后期调用$mount,$mount传入的参数可以为2种形式，
一种是CSS选择器格式的字符串，一种是 HTMLElement 实例
举例
- 通过new Vue的方式创建一个Vue实例,在new Vue的参数位置通过大括号{}方式去书写一个对象，即选项对象，内部用来设置当前Vue实例对象的配置选项
- 通过 HTMLElement 实例的方式进行书写，首先进行通过
document.querySelctor方式获取app，内部通过#app书写id,存储在变量app中； 通过new Vue方式进行实例对象创建，参数部分为变量app; 通过变量vm去接收Vue实例。
3、当我们在创建Vue实例的时候没有进行挂载处理————通过变量vm接收空的Vue实例，后期进行挂载的时候通过vm.$mount的方式进行挂载，内部括号#app书写id
差值表达式
挂载元素可以使用 Vue.js 的模板语法，模板中可以通过插值表 达式为元素进行动态内容设置，写法为 {{ }}。
注意
• 插值表达式只能书写在标签内容区域，可以与其它内容混合。
• 内部只能书写 JavaScript 表达式，不能书写语句。
data选项
—— 用于存储 Vue 实例需要使用的数据，值为对象类型。
—— data 中的数据可以通过 vm.$data.数据 或 vm.数据 访问。
—— data 中的数据可以直接在视图中通过插值表达式访问。
—— data 中的数据为响应式数据，在发生改变时，视图会自动更新。
—— data 中存在数组时，索引操作与 length 操作无法自动更新视图， 这时可以借助 Vue.set() 方法替代操作。
methods选项
—— 用于存储需要在 Vue 实例中使用的函数。
—— methods 中的方法可以通过 vm.方法名 访问。
—— 方法中的 this 为 vm 实例，可以便捷的访问 vm 数据等功能。
输出了3次结果
fn被调用2次，所以console.log(this)打印了2次
