vue脚手架使用swiper /引入js文件/引入css文件

转自：https://www.cnblogs.com/wangzhichao/p/7652749.html

这里是在vue组件中单独使用

1.安装vue-cli

参考地址：https://github.com/vuejs/vue-cli

如果不使用严格语法需要在后三项打no；（加了挺头疼的，老是报错，但是对自己的代码规范性也是有很大的帮助的）

2.swiper下载示例代码

参考地址：http://www.swiper.com.cn/usage/index.html

一：单个组件使用：

3.在刚下载好的vue-cli里的helloworld.vue进行代码编写。

   3.1html部分：

 1 

  3.2 js部分：

这里使用import引入swiper.js文件；

swiper的启动放在mounted里执行；

  3.3css部分：

 

 1 

 

4.看似大工告成，这时候会报错：

Uncaught TypeError: Cannot assign to read only property 'exports' of object '#