Vue脚手架
小楼昨夜那事
世界的温柔,是晚来的善意和干净的你。
展开
-
在vue Cli 中使用Swiper插件
安装(必须携带版本,最新版本有问题) npm install vue-awesome-swiper@3 --save-dev //或 npm i vue-awesome-swiper@3 -D cnpm i vue-awesome-swiper@3 -D 封装一个组件去使用他,不需要全局引入 swiper为轮播图容器UI swiper-slide为轮播的内容 img中的图片进行替换就能正确显示,注意图片的格式大小,不然会出现问题 更多问题请访问https://www.swiper.com.cn/a原创 2020-12-13 10:02:22 · 322 阅读 · 0 评论 -
vue中监听页面滚动事件
页面监听滚动 首先在data中return一个scrollTop数据用来存储滚动的高度 其次在methods中定义一个方法用来进行你需要进行的操作 接着就是在mounted中绑定事件于window上,这里只能使用事件监听addEventListener的方法 最后就是离开这个页面时,销毁事件监听removeEventListener,因为如果我们不进行销毁的话,在离开当前页面会影响其他的页面操作 代码如下; <script> export default { data () {原创 2020-10-25 17:53:32 · 1429 阅读 · 0 评论 -
Vuex 管理状态(数据)
基础 这个状态自管理应用包含以下几个部分: state,驱动应用的数据源; view,以声明方式将state映射到视图; actions,响应在view上的用户输入导致的状态变化。 以下是一个表示“单向数据流”理念的简单示意: 但是,当我们的应用遇到多个组件共享状态时,单向数据流的简洁性很容易被破坏: 多个视图依赖于同一状态。 来自不同视图的行为需要变更同一状态。 state用来存储模块中使用的数据 mutations是用来存储操作state中的数据的方法 action是...原创 2020-10-19 20:00:20 · 186 阅读 · 0 评论