- 博客(13)
- 收藏
- 关注
原创 列表渲染v-for,key值的重要性。
使我们输出数据更加简洁,避免了多次使用相同的功能占用的缓存。(index)表示当前项的位置索引,( key)必须唯一。要注意的是v-if 不要和v-for在一个盒子使用否则v-if会先判断在执行v-for。
2024-09-04 20:08:55
519
原创 原生事件监听及组件内置事件
v-on指令 (简写为@) ,用法:v-on:click="onClick"或@click="onClick"。实现每点击一下改变背景颜色。使用随机数Math.random(),实现每点击一次值加1
2024-08-30 23:27:42
372
原创 Class 与 Style 绑定
用v-bind中的class,要注意的是直接写类名是作用不上的,需要加上单引号包裹起来。效果都是一样的,css样式中有些属性用 ("-") 分隔的,当时你想在v-bind:style中使用,可以使用驼峰或用单引号包裹。
2024-08-30 00:10:04
1297
原创 vue3响应式基础
ref() 响应式先import {ref} from "vue"把它取过来,如果你是ref获取的或是修改一定要加上 .value,因为它是一个对象。
2024-08-28 14:40:01
237
原创 <swiper>滑块,<image>图片和<navigator>路由
indicator-active-color 当前选中的指示点颜色,indicator-dots 是否显示面板指示点,indicator-color 指示点颜色, swiper-item是swiper子元素,默认横向滑动,vertical 纵向滑动,autoplay是否自动播放,circular重新回到开头。
2024-08-26 10:22:24
651
1
原创 scroll-view的滚动视图
scroll-y和scroll-x用法,scroll-x如何实际纵向滚动,添加white-space: nowrap;
2024-08-24 11:58:16
1397
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅