Vue2-内置属性与方法

78 阅读1分钟

Vue中内置方法和属性都是以 $ 开头,这只是 Vue 的命名规则,为了区分普通变量属性,避免我们自己声明或者添加自定义属性导致覆盖。

1# 内置属性

名称描述
$el当前 Vue 实例所使用的根 DOM 元素
$root当前 Vue 组件树的根 Vue 实例
$parent当前 Vue 实例的父实例
$optionsVue 实例的初始化选项,即 new vue({}) 大括号内的东西
$data当前 Vue 实例中的 data 对象
$event当前触发的事件对象
$refs包含了注册过 ref 的所有 DOM 元素和组件实例
$refs.xx.$props当前 ref 组件中,父组件传递的数据
$refs.xx.$attrs当前 ref 组件中,子组件的标签属性
$routerVue Router 实例,用于管理路由
$routeVue Router 中当前路由信息对象
$storeVuex 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