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 指令以数据驱动的方式控制子组件的生命周期。 |
网友评论