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