文章已同步至掘金: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() {
}
`