vue实例

每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的:

var vm = new Vue({
  // 选项
})

当创建一个 Vue 实例时,你可以传入一个选项对象。作为参考,你也可以在 api/#选项-数据 文档 中浏览完整的选项列表。

const app = new Vue({
  el: '#root', // vue实例挂载的位置,如果不用el挂载,则也可以用app.#mount('#root')
  template: '<div ref="div">{{text}} {{obj.a}}</div>', //模板选项
  data: { //实例数据选项
    text: 0
  }
})

vue实例属性(常用)

除了数据属性,Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀 $,以便与用户定义的属性区分开来。

$data

app.$data //{text:1},就是vue实例中的data对象

$props

app.$props // 当前组件接收到的 props 对象。父组件向子组件传递的数据

$el

app.$el //vue挂载的dom节点

$options

// 需要在选项中包含自定义属性时会有用处
app.$options //当前 Vue 实例的初始化选项,注意:直接修改app.$options.data.text = 1的值是没有效果的

$parent

app.$parent //父实例,如果当前实例有的话。

$root

app.$root //当前组件数的根vue实例,如果当前实例没有父实例,此实例将会是其自己

$children