vue
文章平均质量分 56
Triumph-light
在校大学生 学习前端
展开
-
【Vue3】学习:其他组合式Api、组合式Api优势和新组件
使用传统Options Api中,新增或者修改一个需求,就需要分别在data、methods、computed里修改。应用场景:不希望数据被修改,在组件拿到数据后不能被修改的场景可以用,确保一定没被修改。可以更加优雅的组织汪茂的代码,函数。让相关功能的代码更加有序的组织在一起。介绍:它是一种能够将我们的组件html结构移动到指定位置的技术。作用:等待异步组件渲染一些额外内容,让应用有更好的用户体验。好处:减少标签层级,减少内存占用。选项提供数据,子组件有一个。作用:实现祖孙组件间通信。原创 2022-10-25 12:18:47 · 516 阅读 · 0 评论 -
【Vue3】学习:常用的组合式Api
vue3初步学习原创 2022-10-24 18:05:44 · 1590 阅读 · 1 评论 -
【Echarts】Echarts的常见问题
Vue中echarts常见问题原创 2022-07-06 23:24:38 · 761 阅读 · 0 评论 -
【vue】vue封装echarts数据更新页面不重新渲染
问题在mounted中加载echart,在加载一次之后,父组件传过的数据变化,也不会再次引起渲染解决思路利用watch去监听数据的变化,当监听到变化时,让echarts去重新渲染 props: { value1: Object, value2: Object, title: { type: String, default: '' }, title1: { type: String, default: ''原创 2022-05-12 13:02:47 · 1699 阅读 · 2 评论 -
【vue】插槽的使用——复习
由于最近计设做完了,想优化一下项目,来提高vue的核心观念——组件化,避免重复造轮子,在项目中有些地方重复使用了form表单,而导致这样的原因是因为不同的表单,需要的按钮也不同,因此我的做法是将所有的按钮放到了父组件当中,这样导致了一个问题,就是我无法去触发最后对表单的一个校验提交,因此今天复习了一下插槽,提高了组件化。基本部分定义:插槽是为组件的封装者提供的能力,把不确定的内容,希望由用户指定的部分定义为插槽v-slot指令的使用:作用:将内容指定放入某个插槽中,必须使用在template和c原创 2022-05-10 15:57:50 · 825 阅读 · 5 评论 -
【vue】Vue数据发生改变但页面却没有实时更新
问题的出现:由于想实现用户的增加,将其数据保存在本地,结果问题就来了。。。。。这里写篇记录一下,帮助有用的人问题:点击这里的编辑,将编辑完的用户数据存到数组中,然后将这里的值传给子组件的props属性,然后el-table去渲染,但是值改变后页面没有更新。。。。。这里给大家看看值:然后我看到一篇博客,去尝试监听解决,但是监听写了,发现数据有的监听不到,有的就可以,最后找到了解决办法。附上最后看到的博客:https://blog.csdn.net/daoxiaofei/article/de转载 2022-04-04 18:06:30 · 6163 阅读 · 0 评论 -
【vue】组件传值异步问题--子组件拿到数据较慢
问题的出现:之前写静态页面的时候,直接父向子传值,是直接能渲染出父组件给子组件的值,但是加上请求之后,就出现了一个问题,就是在组件创建和渲染完毕时,子组件的值才拿到,子组件并没有实时的更新模版(简直就是灾难始终慢我一步!!!)产生的原因:子组件中的created、mounted只执行一次,在父组件初始化时,已经给子组件传了一个空值,导致异步请求数据发生变化时,子组件的值不再变化。解决办法:就是让他没有发请求拿到数据时,不让他去创建子组件给它传值,因此给其加一个v-if指令来限制他是否能创建子组件,原创 2022-04-03 20:20:28 · 3069 阅读 · 4 评论 -
【vue】前端报错:Cannot read properties of undefined (reading ‘split‘)
问题的出现:由于在做项目的时候,想实现数字转成汉字:但是在控制台会报一个Cannot read properties of undefined (reading ‘split‘)问题出现的原因:由于是发请求得到这个studentinfo这个数据,因此在没得到数据之前,它是会为undefined,这个时候是没有方法使用的。解决的方法:当数据为undefined的时候,将这个剔除,就是当它不为undefined的时候来执行,因此添加一个if语句来判断就行...原创 2022-04-03 15:07:39 · 21572 阅读 · 5 评论 -
【vue】对自定义属性--props的更深入理解
由于最近学习完vue在做项目,但是在跟做项目时,发现一个问题就是props自定义属性出现了可以读也可以写,并且数据流向成了双向的问题。初始props在刚刚学习的时候,对于props的了解是只能读不能写,并且同时它还是作为组件之间值传递的工具,父组件对子组件单向数据流动问题的出现此处放代码:但是在跟做别人的项目时,发现父组件和子组件中数据出现了双向流动,并且eslint规范报了错误,今天查阅props文档的时候,原文如下:所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级原创 2022-04-01 16:25:38 · 867 阅读 · 0 评论 -
【vue】对vue组件的生命周期函数的详细剖解
vue生命周期函数的详细理解原创 2022-03-25 10:12:45 · 1043 阅读 · 0 评论 -
vue学习-day01vue基本使用
vue简介原创 2021-11-14 14:20:42 · 250 阅读 · 0 评论