VUE
文章平均质量分 87
专注写bug
你知道的越多,你不知道的也越多!
展开
-
记录一个拖拽组件的代码片段
国内目前的低代码平台,前端部分普遍采取拖拽式完成页面的布局。本次记录一个前端组件的拖拽案例。原创 2024-07-01 23:42:36 · 901 阅读 · 0 评论 -
Vue-插槽 Slots
本篇文章不做过多的讲解与说明,只记录个人实验测试案例。vue 官方文档 插槽 slots。原创 2024-06-06 22:33:18 · 1076 阅读 · 0 评论 -
Vue——子级向父级使用props传递数据(函数)
看到这个标题,相信很多人会说我,你之前博客写的父级向子级中传递数据使用的是props,然后说的子级向父级传递数据则是用的$emit。并且还说了对于String、数组Array,只能是父级使用props传递至子级组件。这不是很矛盾嘛?其实,props传递的数据类型除了字符串String数组Array和对象 Object之外,还能传递一个Function 函数类型。原创 2024-06-06 21:14:59 · 570 阅读 · 0 评论 -
Vue——子级向父级传递数据(自定义事件)
在上一篇博客中,说到了父级向子级组件中传递对应的数据信息,以及增加传递数据的类型现在、默认值填充等规则。Vue——组件数据传递与props校验但使用props只能是单向的数据传递,也就是由外层父级向内层子级传递,并不能反向进行数据传递。如何实现子级组件向父级组件传递数据呢?原创 2024-06-05 21:56:54 · 1065 阅读 · 1 评论 -
Vue——组件数据传递与props校验
组件与组件之间并不是完全独立的,他们之间可以进行一些数据的传递操作。传递数据的解决方案就是props选项。原创 2024-06-05 21:18:27 · 704 阅读 · 0 评论 -
Vue——初识组件
在官方文档中,对组件的知识点做了一个很全面的说明。本篇博客主要写一个自己的案例讲解。vue 官方文档 组件基础。原创 2024-06-03 21:54:25 · 1065 阅读 · 1 评论 -
Vue——模板引用(不建议使用,了解)
模板引用,在官方文档中也有很详细的描述。虽然 Vue 的声明性渲染模型为你抽象了大部分对 DOM 的直接操作,但在某些情况下,我们仍然需要直接访问底层 DOM 元素。个人理解为:在vue中,依据vue给定的语法方式,便捷快速获取对应元素标签的对象。vue 官方文档 模板引入。原创 2024-06-03 19:14:26 · 392 阅读 · 0 评论 -
Vue——监听器简单使用与注意事项
监听器,在官网中称为侦听器,个人还是喜欢称之为监听器。vue 官网 侦听器。原创 2024-06-03 18:38:34 · 931 阅读 · 1 评论 -
Vue——样式绑定的几种方式
样式绑定在vue中属于一种很常见的操作。在之前博客中针对样式的绑定操作,介绍了一个指令v-bind。缩写为:xxx。vue 官网 样式绑定。原创 2024-06-03 17:48:06 · 996 阅读 · 1 评论 -
Vue——计算属性 computed 与方法 methods 区别探究
在官方文档中,给出了计算属性的说明与用途,也讲述了计算属性与方法的区别点。本篇博客只做自己的探究记录,以官方文档为准。vue 计算属性 官方文档。原创 2024-05-29 19:22:18 · 951 阅读 · 1 评论 -
Vue——事件修饰符
在官方文档中对于事件修饰符有一个很好的说明,本篇文章主要记录验证测试的案例。官方文档 事件修饰符。原创 2024-05-29 18:15:03 · 2036 阅读 · 1 评论 -
Vue——开发前的准备和创建一个vue的工程
本篇博客主要讲解Vue开发前的环境配置与一些说明。原创 2024-05-23 18:36:06 · 388 阅读 · 0 评论 -
Vue 2.0——v-once使用讲解
在官方文档中,看见一个很好玩的标签,总感觉实用场景不多,特此记录下。从案例中得知:此时对指定增加标签,效果如下:不管等多久时间,数据变化后,不会再次刷新至页面进行显示。原创 2022-07-01 16:39:53 · 1704 阅读 · 0 评论 -
Vue 2.0——生命周期(官网解读)
根据 官方文档 中的描述,增加个人的理解和说明。这只是一个笔记。原创 2022-07-01 14:37:41 · 446 阅读 · 0 评论 -
Vue 2.0——数据与方法(官方文档解读)
以官方文档给出说明和案例为基础,进行自我学习和理解的扩充。在官方文档中,针对数据的响应式渲染,有这么一段描述:这句话从字面意思上说的很绕,但是如果换一种思维方式来看这段描述内容就会豁然开朗。以的开发思维来看这个问题。在使用VUE时,必须先构建VUE的实例对象,也就是需要采取的方式。既然是对象,那么这个对象中可能存在某些属性,恰好目前我们所能熟知的有两大属性:和。那么,此时的Vue对象,根据Java类的结构,可以大致理解为下面的类结构:响应测试有了上面的理解,接下来按照官方文档中给出的案例,进行数据的原创 2022-06-30 14:59:41 · 1193 阅读 · 0 评论 -
Vue 2.0——初识组件
在的 官方文档 中,针对有下面一段描述内容:通俗的说法就是:依照官方文档中给出的案例,写一个自己的组件。上面的代码就是将这段代码进行定义为公共组件,同时起名为。使用也很简单,只需要两步:格局要求,编写下列代码,进行组件的使用:使用组件,类似方式,将组件代码动态渲染至指定的标签容器中,这里的容器就是。组件只能写固定代码吗?接下来,写一个可以传递参数的。首先依旧是定义一个组件:上面定义的组件中,可以传递两个参数信息、。有了组件,接下来就进行组件的使用:完整代码如下所示:......原创 2022-06-29 15:21:52 · 228 阅读 · 0 评论 -
Vue 2.0——v-text、v-html使用
再最初的进行数据信息渲染时,能够动态地将动态地渲染至指定区域显示原创 2022-06-29 14:34:25 · 705 阅读 · 0 评论 -
Vue 2.0——v-model 双向绑定
Vue 还提供了 v-model 指令,它能轻松实现表单输入和应用状态之间的双向绑定。使用vue进行数据获取操作,之前的使用或者原生的方式获取数据了。通常会采取,将指定的元素标签和中的指定属性进行绑定。指定表单内容变更后,应用状态也会随之更改。反之亦然!用表单元素标签,模拟表单输入和应用状态双向绑定的效果。效果展示会出现下面的现象:...原创 2022-06-29 09:51:37 · 990 阅读 · 1 评论 -
Vue 2.0——v-on使用(事件绑定)
的用法,通常是给某个设置。如下,给标签一个。其中,用于数据的最初和变化后的显示。对,当然他有简写,上述的写法,可以简写为。如下所示:原创 2022-06-29 09:25:39 · 500 阅读 · 0 评论 -
VUE 2.0——v-for使用
在界面数据显示中,通常会有列表分页显示数据信息。此时针对的使用尤为重要。设定数据显示集合信息,并在页面中遍历显示集合中的所有数据信息。效果展示原创 2022-06-28 10:31:29 · 864 阅读 · 0 评论 -
Vue 2.0——v-if 使用
效果原创 2022-06-28 10:26:22 · 1218 阅读 · 0 评论 -
VUE 2.0——vue入门和v-bind使用
前后分离是现在开发的主流趋势,对前端正好有些兴趣,写个专栏做零碎的技能知识总结。一切以官方文档为准,博客专栏主要采取进行测试,后期技能熟练后,会写的内容。初次使用测试Vue,采取最基本的风格。在页面中,引入对应的库。实例化一个实例,并设定数据值信息。针对的设值,做一个说明:设定数据值和初始化实例后,创建指定的标签,并进行数据的展示保存后,访问下列地址信息,即可查询到效果:项目结果如下所示:主要用于。比如绑定:这里的写法为:当然也能简写为下列方式:.........原创 2022-06-27 18:25:22 · 391 阅读 · 0 评论