# 优化性能
可以做下列几点来优化滚动的性能,流畅度。
# 根据你的需求导入不同模式的文件
如果你只想要自定义滚动条, 而不需要pull-refresh, push-load等slide模式的特性, 你可以像这样只引入包含native模式特性的文件, 例如:
import vuescroll from 'vuescroll/dist/vuescroll-native';
// .... css file
或者说你只想要slide模式的特性, 如 pull-refresh, push-load 而不想要native模式的特性, 你可以只引入包含slide模式的特性的文件。例如:
import vuescroll from 'vuescroll/dist/vuescroll-slide';
// .... css file
# 手动地禁掉 detectResize 选项
为了检测到元素尺寸发生变化, vuescroll 向渲染过后的组件 dom 里注入了一个object元素, 通过监测它的resize事件来获取内容是否发生了变化, 你可以像这样将detectResize 选项设置为false
data() {
return {
ops: {
vuescroll: {
detectResize: false
}
}
}
}
这样 vuescroll 也不会注入object了, 但同时也失去了检测内容发生变化的能力。

