踩坑今天使用gitlab踩坑了目的是要将代码上传到公司gitlab中，组长给我创建好了仓库，但是没有初始化仓库。我需要将本地代码上传上去，老操作，先在本地代码的目录打开gitbash，然后初始化，提交等一系列操作.当我要将代码推到远程的时候，报了个错误，查了下百度：意思是我的权限不够，不能将代码推到远程的main分支。在这里卡了比较久，因为我一开始在想是不是由于我本地没有授权gitlab账号，导致上传失败呢？我记得我之前是配置过sshKey的。但是我还是去重新配置了一遍。sshkey配置方式参考：https://www.cnblogs.com/hafiz/p/8146324.htmlsshKe
目录问题：获取this.$refs为空对象或者为undefined原因一：在uniapp中，非H5端只能用于获取自定义组件，不能用于获取内置组件实例（如：view、text）解决方法：ref在非H5端使用在自定义的组件原因二：使用了版本过低的调试基础库原因三：ref组件使用了条件渲染，即v-if、v-show，这些DOM节点在mounted无法被访问到,详细可以看深入响应式原理-Vue.js原因四：使用了v-for循环动态绑定ref（大部分时请求后端数据动态渲染DOM），this.$ref[name]获取的是数组，详情看ref属性-Vue.js扩展场景：uni-app的H5/小程序实现锚点问题
目录问题：获取this.$refs为空对象或者为undefined原因一：在uniapp中，非H5端只能用于获取自定义组件，不能用于获取内置组件实例（如：view、text）解决方法：ref在非H5端使用在自定义的组件原因二：使用了版本过低的调试基础库原因三：ref组件使用了条件渲染，即v-if、v-show，这些DOM节点在mounted无法被访问到,详细可以看深入响应式原理-Vue.js原因四：使用了v-for循环动态绑定ref（大部分时请求后端数据动态渲染DOM），this.$ref[name]获取的是数组，详情看ref属性-Vue.js扩展场景：uni-app的H5/小程序实现锚点问题
自从引入组合式API的概念以来，一个主要的未解决的问题就是ref和响应式对象到底用哪个。响应式对象存在解构丢失响应性的问题，而ref需要到处使用.value则感觉很繁琐，并且在没有类型系统的帮助时很容易漏掉.value以上是官方原话,大概就是新的语法糖,可以让我们更方便的使用ref,而不用每次都写.value,大概就是把这样的代码,简化成这样import{ref}from'vue'constcount=ref(0)console.log(count.value)functionincrement(){count.value++}{{count}}简化成这样letcount=$ref(0)con
自从引入组合式API的概念以来，一个主要的未解决的问题就是ref和响应式对象到底用哪个。响应式对象存在解构丢失响应性的问题，而ref需要到处使用.value则感觉很繁琐，并且在没有类型系统的帮助时很容易漏掉.value以上是官方原话,大概就是新的语法糖,可以让我们更方便的使用ref,而不用每次都写.value,大概就是把这样的代码,简化成这样import{ref}from'vue'constcount=ref(0)console.log(count.value)functionincrement(){count.value++}{{count}}简化成这样letcount=$ref(0)con
1.ref和 $refsref被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的$refs对象上，如果是在普通的DOM元素上使用，引用指向的就是DOM元素，如果是在子组件上，引用就指向组件的实例。$refs是一个对象，持有已注册过ref的所有的子组件。 ref用法：ref加在普通的元素上，用 this.$refs.（ref值）获取到的是dom元素；ref加在子组件上，用 this.$refs.（ref值）获取到的是组件实例，可以使用组件的所有方法；如果利用v-for和ref获取一组数据或dom节点 当v-for用于元素或者组件的时候，引用信息将是包含dom节点或组件实例的数组；
1.ref和 $refsref被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的$refs对象上，如果是在普通的DOM元素上使用，引用指向的就是DOM元素，如果是在子组件上，引用就指向组件的实例。$refs是一个对象，持有已注册过ref的所有的子组件。 ref用法：ref加在普通的元素上，用 this.$refs.（ref值）获取到的是dom元素；ref加在子组件上，用 this.$refs.（ref值）获取到的是组件实例，可以使用组件的所有方法；如果利用v-for和ref获取一组数据或dom节点 当v-for用于元素或者组件的时候，引用信息将是包含dom节点或组件实例的数组；
系列文章目录内容参考链接JavaScript面试高频考点HTML、CSS、JavaScript、ES6、AJAX、HTTP面试考点Vue2.x面试高频考点Vue2.x面试高频考点Vue3.x新增API生命周期，ref、toRef和toRefs的理解和最佳使用方式Vue3.x升级的重要功能emits属性、生命周期、多事件、Fragment、移出.async、异步组件写法、移出filter、Teleport、Suspense…Vue3.x响应式CompositionAPI的逻辑复用、Proxy实现响应式Vue3.x深入理解v-model参数用法、watch和watchEffect区别等文章目录系列
系列文章目录内容参考链接JavaScript面试高频考点HTML、CSS、JavaScript、ES6、AJAX、HTTP面试考点Vue2.x面试高频考点Vue2.x面试高频考点Vue3.x新增API生命周期，ref、toRef和toRefs的理解和最佳使用方式Vue3.x升级的重要功能emits属性、生命周期、多事件、Fragment、移出.async、异步组件写法、移出filter、Teleport、Suspense…Vue3.x响应式CompositionAPI的逻辑复用、Proxy实现响应式Vue3.x深入理解v-model参数用法、watch和watchEffect区别等文章目录系列
文章目录?写在前面?setup?reactive函数?ref函数?ref、reactive如何选择？?写在最后?写在前面专栏介绍：凉哥作为Vue的忠实粉丝输出过大量的Vue文章，应粉丝要求开始更新Vue3的相关技术文章，Vue框架目前的地位大家应该都晓得，所谓三大框架使用人数最多，公司选型最多的框架，凉哥之前在文章中也提到过就是Vue框架之所以火起来的原因，和Vue框架相比其他框架的巨大优势，有兴趣的伙伴可以看一下Vue框架背后的故事、尤大大对前端生态是这样看的，随着Vue框架不断的被认可，现如今的Vue框架已经是前端工程师必备的技能了，记得尤大大开发Vue的初衷，为了让自己的开发工作更加便捷
