文章目录?写在前面?setup?reactive函数?ref函数?ref、reactive如何选择？?写在最后?写在前面专栏介绍：凉哥作为Vue的忠实粉丝输出过大量的Vue文章，应粉丝要求开始更新Vue3的相关技术文章，Vue框架目前的地位大家应该都晓得，所谓三大框架使用人数最多，公司选型最多的框架，凉哥之前在文章中也提到过就是Vue框架之所以火起来的原因，和Vue框架相比其他框架的巨大优势，有兴趣的伙伴可以看一下Vue框架背后的故事、尤大大对前端生态是这样看的，随着Vue框架不断的被认可，现如今的Vue框架已经是前端工程师必备的技能了，记得尤大大开发Vue的初衷，为了让自己的开发工作更加便捷
ReactRefsReact支持一种非常特殊的属性Ref，你可以用来绑定到render()输出的任何组件上。这个特殊的属性允许你引用render()返回的相应的支撑实例（backinginstance）。这样就可以确保在任何时间总是拿到正确的实例。使用方法绑定一个ref属性到render的返回值上：在其它代码中，通过this.refs获取支撑实例:varinput=this.refs.myInput;varinputValue=input.value;varinputRect=input.getBoundingClientRect();完整实例你可以通过使用this来获取当前React组件，或
ReactRefsReact支持一种非常特殊的属性Ref，你可以用来绑定到render()输出的任何组件上。这个特殊的属性允许你引用render()返回的相应的支撑实例（backinginstance）。这样就可以确保在任何时间总是拿到正确的实例。使用方法绑定一个ref属性到render的返回值上：在其它代码中，通过this.refs获取支撑实例:varinput=this.refs.myInput;varinputValue=input.value;varinputRect=input.getBoundingClientRect();完整实例你可以通过使用this来获取当前React组件，或
目录一、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
报错：[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
MEMS传感器即微机电系统（Micro-electroMechanicalSystems），是指将精密机械系统与微电子电路技术结合发展出来的一项工程技术，它的尺寸一般在微米量级。封装技术是MEMS传感器成功的关键，其技术包括SIP（系统级封装）、WLP（晶圆级封装）、三维硅穿孔（TSV）等，通过三维堆叠技术，将微型化后的传感器的机械部件与其他微电子组件集成，最后根据不同的应用场景来采用不同的封装形式，最终组装而成。一、优势相比传统的机械传感器，MEMS具有着巨大的竞争优势：1.MEMS传感器具有着体积小、重量轻、功耗低的特点。其内部结构可达微米甚至纳米量级。同时其内部的机械部件由于微型化后会具
