Vue文档 - 初始化选项与实例属性

var vm = new Vue({
  // 选项 options
  // ==========
  // 数据
  data: '',
  props: '',
  computed: {}, //不应该使用箭头函数来定义计算属性函数
  methods: {}, //不应该使用箭头函数来定义 method 函数
  watch: { key: function(val, oldVal){} },
  // ==========
  // DOM
  el: '',
  template: '',
  render: function(){}, // [Render 函数]
  // ==========
  // 生命周期
  // ==========
  // 资源
  // ==========
  // 杂项

初始化选项为new每个实例之前传递的参数。
实例属性指的是实例vm的属性，即通过$标明的，以便与代理的 data 属性区分。

实例属性

实例属性名	类型	描述	示例
$data	Objecct		vm.$data === options.data
$el	DOM		vm.$el === options.el
$options	Object		vm.$options.data === vm.$data
$root		如果当前实例没有父实例，此实例将会是其自已
$slots		内容分发的意思是混合父子组件的内容	使用-Slot-分发内容
$refs		$refs 只在组件渲染完成后才填充，并且它是非响应式的。它仅仅作为一个直接访问子组件的应急方案——应当避免在模版或计算属性中使用 $refs

实例方法 / 数据

实例方法名(数据)	类型	描述	示例
$watch		观察 Vue 实例变化的一个表达式或计算属性函数	var unwatch = vm.$watch('a', cb)
$set		这是全局 Vue.set 的别名
$delete		这是全局 Vue.delete 的别名

实例方法/事件

实例方法名(事件)	类型	描述	示例
$on		监听当前实例上的自定义事件。事件可以由vm.$emit触发	vm.$on('test', cb)
$once		监听一个自定义事件，但是只触发一次，在第一次触发之后移除监听器
$off		移除事件监听器
$emit		触发当前实例上的事件	vm.$emit('test', 'hi')

实例方法 / 生命周期

实例方法名	类型	描述	示例
$mount		一般用来处理实例“未挂载”状态
$destory		在大多数场景中你不应该调用这个方法。最好使用 v-if 和 v-for 指令以数据驱动的方式控制子组件的生命周期。

作者：Jmingzi_
链接：https://www.jianshu.com/p/c48fa3b77d78
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。