其他分享
首页 > 其他分享> > Vue首页轮播图

Vue首页轮播图

作者：互联网

在css中如何要引用其它css文件一定要用 “~” 号
image.png

image.png

npm install vue-awesome-swiper --save

image.png

image.png

装完之后重启项目特么果然报错咯
image.png

原来要加版本号

npm install vue-awesome-swiper@2.6.7 --save

结果还是不是行。。。没办法 。。删除掉node_modules这个文件夹重新 npm i
就可以咯。。。
image.png
image.png
image.png

export default {
  name: 'HomeSwiper',
  data: function(){
      
  } 
}

简写成

export default {
  name: 'HomeSwiper',
  data () {

  }
}

image.png

image.png
image.png

image.png
image.png

vscode格式化代码快捷键

为解决上线之后改动接口所代来的风险
image.png

image.png

image.png

通过外网访问项目
image.png

image.png

image.png

测试方法 PCIP:8080

image.png

==================================================================

分割线

==================================================================
博主为咯学编程：父母不同意学编程，现已断绝关系;恋人不同意学编程，现已分手;亲戚不同意学编程，现已断绝来往;老板不同意学编程,现已失业三十年。。。。。。如果此博文有帮到你欢迎打赏，金额不限。。。

标签：npm,现已,Vue,轮播,同意,awesome,编程,export,首页
来源： https://blog.csdn.net/qq_36079972/article/details/100541670