vue 模拟去哪网

模拟项目中遇到的问题，总结如下：

1.争对轮播图 使用vue-awesome-swiper

npm install vue-awesome-swiper@2.6.7 --save //因为此版本稳定

// 轮播插件引用

import VueAwesomeSwiper from 'vue-awesome-swiper'

import 'swiper/dist/css/swiper.css'

2.争对滚动效果 使用better-scroll

//下方的下载 引入是针对文档1

npm install better-scroll --save

//引入

import BScroll from 'better-scroll'

此插件需要使用一个容器包裹着需要滚动的内容

在该容器上可以通过 ref="名称"

ex:

ref="wrapper"

mounted () {

　　this.scroll = new BScroll(this.$refs.wrapper, {click: true})

}

待续…

转载于:https://www.cnblogs.com/lyt598/p/11231403.html