51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

Vue 常用的属性和方法总结

文章已同步至掘金:https://juejin.cn/post/6844903992196071432
欢迎访问😃,有任何问题都可留言评论哦~

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 {#y_y}

赞(1)
未经允许不得转载:工具盒子 » Vue 常用的属性和方法总结