Vue 常用的属性和方法总结

3,894 阅读1分钟

文章已同步至【个人博客】,欢迎访问【我的主页】😃
文章地址:blog.fanjunyang.zone/archives/vu…

let vm = new Vue({
})

//至于有些方法的使用,只需打印出来看一下就知道了

vm.$root    //实例对象
// console.log(vm.$root); 

vm.$el  //根元素(真实的DOM元素)
// console.log(vm.$el);

vm.$el.innerHTML    //得到根元素(真实的DOM元素)中的内容
// console.log(vm.$el.innerHTML);

vm.$nextTick    //用于在DOM渲染后执行的操作
// console.log(vm.$nextTick);
// 通过vm.$el.innerHTML得到的数据有可能是更新之前的
// 要获取最新的数据,最好在下一个事件环中获取
// vm.$nextTick(()=>{
//     console.log(vm.$el.innerHTML)
// })

vm.$data    //实例下的data对象
// console.log(vm.$data);

vm.$options     //实例下的挂载项
// console.log(vm.$options);

vm.$props   //组件之间通信的数据
// console.log(vm.$props);

vm.$parent      //在组件中,指父元素
// console.log(vm.$parent);

vm.$children    //在组件中,指子代元素
// console.log(vm.$children);

vm.$attrs   //用来获取父组件传递过来的所有属性
// console.log(vm.$attrs);

vm.$listeners   //用来获取父组件传递过来的所有方法
// console.log(vm.$listeners);

vm.$slots   //组件中的插槽
// console.log(vm.$slots);

vm.$scopedSlots     //用来访问作用域插槽
// console.log(vm.$scopedSlots);

vm.$refs    //用来定位DOM元素(使用ref进行追踪)
// console.log(vm.$refs);

vm.$isServer    //一般用于服务器渲染,用来区分代码是不是在服务器上运行
// console.log(vm.$isServer);

vm.$watch   //用于监听数据(在vue文件中使用后会自动销毁)
// console.log(vm.$watch);

vm.$emit    //用于派发事件(常用于数据通信)
// console.log(vm.$emit);

vm.$on  //用于监听事件的派发
// console.log(vm.$on);

vm.$once    //只监听事件一次(之后不监听)
// console.log(vm.$once);

vm.$set //可以给data中动态地添加一个数据,(前提是只能给对象中添加数据)
// console.log(vm.$set);
// 示例:vm.$set(vm.obj, "name", "Fan")     //obj是一个对象

vm.$delete  //用于删除一个属性
// console.log(vm.$delete);

//生命周期
beforeCreate() {
}
created() {
}
beforeMount() {
}
mounted() {
}
beforeUpdate() {
}
updated() {
}
beforeDestroy() {
}
destroyed() {
}

其中比较重要的知识点:


Y_Y