第一次使用better-scroll实现滑动的效果

具体使用参照https://better-scroll.github.io/docs/en-US/guide/use.html#basic-usage

具体使用参照github地址：https://github.com/ustbhuangyi/better-scroll

废话不多说，直接开始：

我的外卖项目，在/shop/shopgoods页面需要实现页面的滑动效果；

　　1.首先安装：

 

　　2.在项目中使用：

         在需要用到的vue组件中引入：（这里是ShopGoods组件）

　　　　

 

　　然后就需要使用：

            要在需要滚动的代码块，外部包裹一个div,用来获取，标识这个代码块是要滚动的

　　　　

 

 

　　　　

 

 

        但是这个创建的时机很重要，要在列表显示之后创建，才可以，那是什么时候呢？

 

 

 

 

 

 

 但是这样还是不够的，这样也不能代表数据更新了。这里需要借助   this.$nextTick(()=>{}),这个回调函数，这个是页面一旦更新就立即调用，这个函数的执行，一定是页面更新完成了。

 

 

 但是这样的代码还不完善：

 

 ===========================================同理右侧的也是这样子实现的==========================================================================================