Vue 实例属性/方法

最新推荐文章于 2024-04-26 16:43:11 发布

KAHOZ

最新推荐文章于 2024-04-26 16:43:11 发布

阅读量128

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Vue.js 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_48648145/article/details/115401193

Vue.js 专栏收录该内容

6 篇文章

订阅专栏

                    
                        
                    
                    
属性说明
vm.$elVue实例使用的根DOM元素
vm.$dataVue的data配置项
vm.$options用于当前Vue实例的初始化选项
vm.$props当前组件接收到的props对象
vm.$parent父实例（如果当前实例有的话)
vm.$root当前组件树的根Vue实例
vm.$children当前实例的直接子组件
vm.$refs原生DOM元素或子组件注册引用信息
vm.$slots用来访问被插槽分发的内容
vm.$router全局路由（vue-router插件）
vm.$storevuex状态对象（vuex插件）

方法说明
vm.$emit()子组件可以使用$emit触发父组件的自定义事件
vm.$set()Vue.set的别名
设置对象的属性，这个方法主要用于避开Vue不能检测属性被添加的限制
vm.$watch侦听数据变化
vm.$on()监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。
vm.$mount可以使用vm.$mount()手动挂载（Vue实例化时没有el选项）
vm.$destroy完全销毁一个实例。清理它与其它实例的连接，解绑它的全部指令及事件监听器。
触发beforeDestroy和destroyed的钩子。

属性绑定指令说明
v-bind动态改变DOM标签上的属性
v-bind:class="“简写:class=”"


                

属性	说明
vm.$el	Vue实例使用的根DOM元素
vm.$data	Vue的data配置项
vm.$options	用于当前Vue实例的初始化选项
vm.$props	当前组件接收到的props对象
vm.$parent	父实例（如果当前实例有的话)
vm.$root	当前组件树的根Vue实例
vm.$children	当前实例的直接子组件
vm.$refs	原生DOM元素或子组件注册引用信息
vm.$slots	用来访问被插槽分发的内容
vm.$router	全局路由（vue-router插件）
vm.$store	vuex状态对象（vuex插件）

方法	说明
vm.$emit()	子组件可以使用$emit触发父组件的自定义事件
vm.$set()	Vue.set的别名设置对象的属性，这个方法主要用于避开Vue不能检测属性被添加的限制
vm.$watch	侦听数据变化
vm.$on()	监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。
vm.$mount	可以使用vm.$mount()手动挂载（Vue实例化时没有el选项）
vm.$destroy	完全销毁一个实例。清理它与其它实例的连接，解绑它的全部指令及事件监听器。触发beforeDestroy和destroyed的钩子。