VUE2.0 better-scroll封装滚动组件

本文主要介绍better-scroll组件的引入,以及封装组件的使用。还用到了父子组件的特性。

better-scroll文档
1.引入better-scroll
打开packgae.json>dependencies
建议better-scroll使用^0.1.15版本,不然轮播可能出一些小问题。

"dependencies": {
    "better-scroll": "^0.1.15",
  }

VUE2.0 better-scroll封装滚动组件_第1张图片
重启服务

npm install
npm run dev

2.新建scroll.vue在scr目录下的base的scroll目录中
VUE2.0 better-scroll封装滚动组件_第2张图片
scroll.vue的DOM

<template>
    <div ref="wrapper">
      <slot>slot> //solt是数据插槽
    div>
template>

scroll.vue的JS


                    
                    

你可能感兴趣的:(VUE,Vue2.0从零到一)