BSroll是一款基于better-scroll封裝的Vue插件。通過better-scroll實現(xiàn)了可以很好的滾動并且提升頁面的滑動體驗。下面詳細(xì)介紹BSroll的下載方式。

第一步，需要先安裝Vue。首先打開命令行工具，輸入以下命令：

npm install -g vue-cli

等待安裝完成后，再輸入以下命令初始化Vue項目。

vue init webpack my-project

按照提示輸入對應(yīng)的選項，等待完成后，進(jìn)入到my-project目錄。

第二步，安裝BSroll。在命令行工具中進(jìn)入到my-project目錄，輸入以下命令：

npm install vue-bscroll --save

這個包包含了BSroll的源碼和樣式文件。在webpack中配置好之后，即可使用BSroll。

第三步，在Vue組件中使用BSroll。在需要使用BSroll的組件中，將其引入，然后在template部分添加代碼。

import BScroll from 'vue-bscroll'
export default {
components: {
BScroll
},
template: `
{{ item }}
`,
data() {
return {
list: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
options: {
click: true
}
}
},
}

在樣式文件中，可以為wrapper變大初始高度以及設(shè)置溢出隱藏和不能超出高度等等。需要注意的是，必須要給wrapper設(shè)置高度，因此在data中可以設(shè)置初始高度。

以上就是BSroll下載與使用的步驟，希望對大家有所幫助。