前端领域这几年涌现了很多新兴的前端框架，比如Qwik、Svelte、Astro等。

我们知道，React发布Hooks后，带来了业界一波Hooks热。很多框架（比如Vue Composition API、Solid.js）都借鉴了Hooks的模式。

style样式的动态绑定是vue中比较常用的一种动态的改变我们标签中的样式属性的一种方法：

pages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、**底部的原生tabbar **等。

用vue cli创建一个vue项目，然后再components目录下创建两个vue组件，分别是Right.vue和Left.vue。文件的代码如下

组件化开发指的是根据封装的思想，把页面上可重用的UI结构封装为组件，从而方便项目的开发和维护。

vue-cli是Vue.js开发的标准工具。它简化了程序员基于webpack创建工程化项目的过程。 中文官网：https://cli.vuejs.org/zh/

clientTop，offsetTop，clientHeight 以及 scrollTop 等各种距离高度做对比，利用scroll事件，节流判断图片的位置；

发布 — 订阅模式，它定义程序对象之间一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖它的对象都将得到通知并执行相应操作。在日常生活中，常见的发布订阅模式有：订阅号，用户关注订阅号，内容创作者在平台发布内容...

一定要看好swiper的版本和你的vue版本是否对应，不然铁定踩坑，本人就是这么过来的