引入element-ui的步骤,vue轮播图的注意事项

1.element-ui的步骤如图所示:


引入element-ui的步骤,vue轮播图的注意事项_第1张图片

注意:在引入是一定要注意引入css的路径,就从element-ui开始找看看没一个嵌套关系的文件夹名是不是一直,例外在最新版本的element-ui中theme-default就应该被改为theme-chalk

2.轮播图的注意事项:

引入步骤:1.在github中搜索vue-awesome-swiper

                2.cnpm install vue-awesome-swiper --save-dev

                3.在main.js 中引入:

                4.最后使用Vue.use(VueAwesomeSwiper)

注意事项:代码在本网页中都有,但是有许多代码都是多余的,因此没有必要全部粘贴过来,精简后的代码如下:


引入element-ui的步骤,vue轮播图的注意事项_第2张图片
引入element-ui的步骤,vue轮播图的注意事项_第3张图片

特别需要注意的是默认的轮播是垂直的,如果想改为水平,那么需要将direction: 'horizontal',

你可能感兴趣的:(引入element-ui的步骤,vue轮播图的注意事项)