本文详细介绍了如何在VUE2.0项目中引入并封装better-scroll组件，包括设置合适的版本、创建scroll.vue组件以及在recommend.vue中使用封装后的组件，实现了滚动效果。同时提供了DOM结构、JavaScript代码和CSS样式的示例，提示读者可根据better-scroll的API进行功能扩展。
本文主要介绍better-scroll组件的引入，以及封装组件的使用。还用到了父子组件的特性。
better-scroll文档
1.引入better-scroll
打开packgae.json>dependencies
建议better-scroll使用^0.1.15版本，不然轮播可能出一些小问题。
"dependencies": {
"better-scroll": "^0.1.15",
}
重启服务
npm install
npm run dev
2.新建scroll.vue在scr目录下的base的scroll目录中
scroll.vue的DOM
<template>
<div re
订阅专栏 解锁全文
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
