目录一、State1.概念2.State的简单用法3. JS绑定事件 4.react绑定事件5.reactthis指向问题6.修改state值7.代码简写二、props1.概念2.传参的基础方法、运算符传参三、refs定义字符串形式的ref、回调函数下ref、createRef创建ref容器一、State1.概念概念：state是组件对象最重要的属性,值是对象(可以包含多个key:value的组合)，组件被称为`状态机`,通过更新组件的state来更新对应的页面显示(重新渲染组件)，有state称为复杂组件。2.State的简单用法实现简单的切换效果，这里的效果是一种覆盖Document.bt
目录一、State1.概念2.State的简单用法3. JS绑定事件 4.react绑定事件5.reactthis指向问题6.修改state值7.代码简写二、props1.概念2.传参的基础方法、运算符传参三、refs定义字符串形式的ref、回调函数下ref、createRef创建ref容器一、State1.概念概念：state是组件对象最重要的属性,值是对象(可以包含多个key:value的组合)，组件被称为`状态机`,通过更新组件的state来更新对应的页面显示(重新渲染组件)，有state称为复杂组件。2.State的简单用法实现简单的切换效果，这里的效果是一种覆盖Document.bt
在介绍http协议的响应格式时，我们便已经提到了状态码的概念，因为http响应状态行中就包含了响应状态码和状态码的描述信息。下面就来详细了解什么是状态码。目录一、状态码1、为什么要有状态码2、状态码的分类 3、浏览器如何看待状态码二、重定向状态码3**1、重定向的分类(1)永久重定向(2)临时重定向2、永久重定向验证(1)Header常见属性——Location属性(2)代码测试一、状态码1、为什么要有状态码当我们给服务器发送请求的时候，服务端会根据你的资源路径返回相应的内容。此时就存在多种情况了：（1）服务端找到你要的资源，把资源返回给你（2）服务端找不到你要的资源（3）服务端与客户端的连接
在介绍http协议的响应格式时，我们便已经提到了状态码的概念，因为http响应状态行中就包含了响应状态码和状态码的描述信息。下面就来详细了解什么是状态码。目录一、状态码1、为什么要有状态码2、状态码的分类 3、浏览器如何看待状态码二、重定向状态码3**1、重定向的分类(1)永久重定向(2)临时重定向2、永久重定向验证(1)Header常见属性——Location属性(2)代码测试一、状态码1、为什么要有状态码当我们给服务器发送请求的时候，服务端会根据你的资源路径返回相应的内容。此时就存在多种情况了：（1）服务端找到你要的资源，把资源返回给你（2）服务端找不到你要的资源（3）服务端与客户端的连接
报错：[Vuewarn]:Errorinv-onhandler:"TypeError:Cannotreadpropertiesofundefined(reading'$refs')" 背景：1.在做vue项目时，在功能弹框中，想实现新增内容。 2.报错原因是要触发menuCheckall组件后，才可以提交，因为不触发menuCheckall的时候dom未加载，没有编译渲染进dom里面。1.使用了this.form.menuIds=this.$refs.menuCheckall.$refs.tree.getCheckedKeys();其中menuCheckall是子组件。this.$
报错：[Vuewarn]:Errorinv-onhandler:"TypeError:Cannotreadpropertiesofundefined(reading'$refs')" 背景：1.在做vue项目时，在功能弹框中，想实现新增内容。 2.报错原因是要触发menuCheckall组件后，才可以提交，因为不触发menuCheckall的时候dom未加载，没有编译渲染进dom里面。1.使用了this.form.menuIds=this.$refs.menuCheckall.$refs.tree.getCheckedKeys();其中menuCheckall是子组件。this.$
摘要不管在Vue中还是React，如果我们想使用一个元素的DOM，不需要通过JS中操纵DOM的方法，它们提供了一个专属的API就是ref。而Vue中的ref可能比较简单，这一篇主要讲一下如何在React中使用ref，以及使用ref的场景。1.ref的挂载在React中，ref可以挂载到html元素上，同时也可以挂载在React元素上，看下面的代码：importReact,{Component}from'react'//import{findDOMNode}from'react-dom'importChildfrom'./Child'exportdefaultclassFatherextends
摘要不管在Vue中还是React，如果我们想使用一个元素的DOM，不需要通过JS中操纵DOM的方法，它们提供了一个专属的API就是ref。而Vue中的ref可能比较简单，这一篇主要讲一下如何在React中使用ref，以及使用ref的场景。1.ref的挂载在React中，ref可以挂载到html元素上，同时也可以挂载在React元素上，看下面的代码：importReact,{Component}from'react'//import{findDOMNode}from'react-dom'importChildfrom'./Child'exportdefaultclassFatherextends
使用ref访问子组件实例或子元素点击打开视频讲解更加详细尽管存在prop和事件，有的时候你仍可能需要在JavaScript里直接访问一个子组件。为了达到这个目的，你可以通过ref这个attribute为子组件赋予一个ID引用。importHelloWorldfrom'./components/HelloWorld.vue'exportdefault{name:'App',data(){return{}},created(){console.log(this.$refs.refChild)//undefinedDom模板未渲染完成},mounted(){console.log(this.$ref
使用ref访问子组件实例或子元素点击打开视频讲解更加详细尽管存在prop和事件，有的时候你仍可能需要在JavaScript里直接访问一个子组件。为了达到这个目的，你可以通过ref这个attribute为子组件赋予一个ID引用。importHelloWorldfrom'./components/HelloWorld.vue'exportdefault{name:'App',data(){return{}},created(){console.log(this.$refs.refChild)//undefinedDom模板未渲染完成},mounted(){console.log(this.$ref
