第一步：引入需要用到的组件页面 import slideshowfrom './../components/slideshow.vue' //例如这是轮播图组件页面 第二步：定义组件 <template><div id="slideshow"><!--把定义好的组件名称写在页面中 其中text的slidesh

1，基础swiper轮播示例第一步 安装swiper插件，这里采用npm安装 更多安装方式可去swiper官方网站查询$ npm install swiper第二步 完成安装后再页面中引入（不要忘了引入swiper.css样式，swiper.min.css文件可以放在assets文件夹）在main.js页面中加入以下代码import Swiper from 'swiper'...

1.修改项目结构找到config/index.js文件，在文件中找到build// Template for index.htmlindex: path.resolve(__dirname, '../dist/pages/index.html'), //打包后index的位置，cli会帮你在dist下创建pages文件 还可以修改文件名字和文件类型// Paths...

在对vue-cli项目打包后出现index.html引入的css和js没有引号 即：<link href=/css/xxx.css rel="stylesheet">解决办法：找到webpack.prod.conf.js，在webpack.prod.conf.js找到minify把minify中的  removeAttributeQuotes: tr