vue组件中如何启用插件?
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利
前端初学者.,以下是示例代码,想在这个组件中启用vueAlloyTouch 插件,希望赐教
import vueAlloyTouch from 'alloytouch/vue/alloy_touch.vue'
//window.vm.use(vueAlloyTouch);
export default {
name: 'page',
data () {
return {
msg: 'Welcome to Your Vue.js App',
// 初始化设置
options: {
touch:"",//反馈触摸的dom
vertical: true,//不必需,默认是true代表监听竖直方向touch
target: '#scroller', //运动的对象
property: "translateY", //被滚动的属性
sensitivity: 1,//不必需,触摸区域的灵敏度,默认值为1,可以为负数
factor: 1,//不必需,默认值是1代表touch区域的1px的对应target.y的1
step: 40,
},
// 动态设置属性
min: window.innerHeight - 45 - 48 - 2000, //不必需,滚动属性的最小值
max: 0, //不必需,滚动属性的最大值
}
},
methods:{
// 回调函数
onAnimationEnd(){
console.log('onAnimationEnd')
}
}
}```