当前位置: 首页 > news >正文

小兔鲜商02

 npm i @vueuse/core -f

vue插件使用: 许多公用的全局组件,,可以通过插件注册进去,就不用一个一个导入组件,,

import XtxSkeleton from '@/components/library/xtx-skeleton'export default {install (app) {// 导入组件app.component(XtxSkeleton.name, XtxSkeleton)}
}

使用插件:router,vuex也是插件,,在这里插入图片描述


git checkout . : 已经提交的代码,不想要了,回退


轮播图组件封装: 只封装轮播效果,不管容器大小
具有的功能:

  • 自动轮播
  • 鼠标移入停止轮播,鼠标移出开始轮播
  • 指示器修改
  • next,prev 按钮
  • 销毁组件的时候,清空定时器 onUnmounted钩子
    注意:每次执行autoplay之前,,先将之前的定时器清空,,再重新设置自动轮播的定时器

vue3使用插槽: 插槽名用#名字,,,默认插槽外面不能包裹template标签,否则不显示在这里插入图片描述


vue动画:
在这里插入图片描述
进入前显示样式 v-enter-from ,,进入中显示样式v-enter-active ,,进入完成v-enter-to
在这里插入图片描述
将要做动画的元素包裹在<Transition>
在这里插入图片描述
如果有多个Transition ,在transition标签加 name属性,, 那么css类名为: 将 在这里插入图片描述
v-enter-form 改成 对应name-enter-form

在这里插入图片描述
根据name做不同的动画

http://www.lryc.cn/news/152387.html

相关文章:

  • 一键替换工程文件和场景中的UI对象字体
  • 微信小程序编辑器代码格式缩进设置
  • Android Aidl跨进程通讯(二)--异常捕获处理
  • Android中OkHttp源码阅读二(责任链模式)
  • 2023年03月 C/C++(六级)真题解析#中国电子学会#全国青少年软件编程等级考试
  • 顺序表链表OJ题(1)——【LeetCode】
  • flex:1
  • iOS练手项目知识点汇总
  • 【Linux】Libevent相关小知识总结
  • 【Spring Security】UserDetailsService 接口介绍
  • Mybatis学习|日志工厂、分页
  • Vivado 添加FPGA开发板的Boards file的添加
  • vmstat
  • LinuxShell变量
  • 如何实现的手机实景自动直播,都有哪些功能呢?
  • 如何让qt tableView每个item中个别字用不同颜色显示?
  • Aspose导出word使用记录
  • [Java]_[初级]_[使用SAX流的方式写入XML文件]
  • java里面封装https请求工具类
  • uniApp常见面试题-附详细答案
  • Java“牵手”1688整店商品API接口数据,通过店铺ID获取整店商品详情数据,1688店铺所有商品API申请指南
  • 数据进制的转换
  • 如何分析识别文章/内容中高频词和关键词?
  • Windows7安装SSH客户端的解决方案
  • 力扣:81. 搜索旋转排序数组 II(Python3)
  • TCP IP网络编程(三) 地址族与数据序列
  • 对比Flink、Storm、Spark Streaming 的反压机制
  • Ubuntu常用配置集合
  • 传统三维重建和深度学习三维重建 MVS笔记总结、问题总结
  • Ansible学习笔记10