![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 56
Living-v
绝知此事要耕行
展开
-
什么是Vue?它做了什么?从Vue生命周期来了解Vue
注意:阅读本文可能需要一点点JavaScript以及Vue的使用基础或许你早已听过Vue的大名,Vue的响应式的绑定、抽象语法树、虚拟DOM、diff算法等等,但实际上这些东西到底是什么,可能还抱有一点疑惑,此文是我在阅读书籍、学习Vue源码时根据自己的理解对Vue的一个大体脉络的一个概括,以及对以上提及的知识点的一些解释。属一家之言,起一个抛砖引玉的作用,如果有不对的地方,各位可以在评论区留言,我会尽快订正(先贴一张Vue生命周期的图片,我们将结合一个Vue实例的生命周期来理解Vue都干了些什么.原创 2022-05-05 16:00:50 · 1568 阅读 · 0 评论 -
vue + element-ui 实现分页功能
第一步:引入element-ui的分页器 <el-pagination background //此事件监听的是分页器被点击事件 @current-change="handleCurrentChange" layout="prev, pager, next" //page-size的意思是你打算一页显示多少行数据,我这里就是一页显示10行 :page-size="10原创 2021-11-22 10:47:01 · 6224 阅读 · 0 评论 -
Vue使用swiper包指南及踩坑
swiper使用指南:安装swiper指定版本(最新版本使用方法与旧版本不同,目前网上的例子都是旧版本的,安装最新版本会报错):npm install swiper@5.3.6 --save安装vue-awesome-swiper指定版本:npm install vue-awesome-swiper@4.0.4 --save引入包和声明组件:import { Swiper, SwiperSlide } from 'vue-awesome-swiper';import 'swiper/css/原创 2021-09-03 13:41:29 · 1240 阅读 · 1 评论 -
vue-watch的用法
watch用法像methods或compute一样:watch:{ //content }目的就是观察一些值的变化,比如在data中的一个值:data(){ a = 1},watch:{ a:{ //在这执行一些操作 }}用handler函数进行操作:data(){ a = 1},watch:{ a:{ //handler函数在观察的值变化后自动执行 //handler函数可以有两个参数,第一个是a如果改动后的值,第二个 handler(newVa原创 2021-09-01 11:14:52 · 72 阅读 · 0 评论 -
vue点击视频预览图实现视频播放或暂停
以popmart官网的视频为例,这个视频在点击播放按钮时才会播放,再次点击时会将视频暂停简述逻辑:1.首先知道<video>标签里有.paused节点,当视频播放时返回true,反之返回false。也就是说:html:<video id="videoPlay1" src=""></video>js:var video1=document.getElementById("videoPlay1"); console.log(video1.paused)原创 2021-07-23 14:50:04 · 3261 阅读 · 0 评论 -
vue transition注意事项
使用vue transition时的注意事项原创 2021-07-19 13:21:03 · 352 阅读 · 0 评论