Vue中内置方法和属性都是以 $ 开头,这只是 Vue 的命名规则,为了区分普通变量属性,避免我们自己声明或者添加自定义属性导致覆盖。
1# 内置属性
| 名称 | 描述 |
|---|
| $el | 当前 Vue 实例所使用的根 DOM 元素 |
| $root | 当前 Vue 组件树的根 Vue 实例 |
| $parent | 当前 Vue 实例的父实例 |
| $options | Vue 实例的初始化选项,即 new vue({}) 大括号内的东西 |
| $data | 当前 Vue 实例中的 data 对象 |
| $event | 当前触发的事件对象 |
| $refs | 包含了注册过 ref 的所有 DOM 元素和组件实例 |
| $refs.xx.$props | 当前 ref 组件中,父组件传递的数据 |
| $refs.xx.$attrs | 当前 ref 组件中,子组件的标签属性 |
| $router | Vue Router 实例,用于管理路由 |
| $route | Vue Router 中当前路由信息对象 |
| $store | Vuex Store 实例,用于状态管理 |
2# 内置方法
| 方法 | 描述 |
|---|
| $mount() | 手动挂载 Vue 实例到一个 DOM 元素 |
| $destroy() | 销毁 Vue 实例 |
| $set(target, key, value) | 响应式地向 Vue 实例添加一个属性 |
| $delete(target, key) | 在 Vue 实例的响应式数据上删除一个属性 |
| $watch(expOrFn, callback, options) | 监视 Vue 实例中的数据变化,并在数据变化时执行相应的回调函数 |
| $nextTick(callback) | 在 DOM 更新之后执行回调函数,常用于在更新后操作 DOM |