vue学习项目之去哪儿网笔记

7-3 主页轮播图实现

我的项目中的样式使用的是less，因为style标签使用了scoped属性，所以导致在父组件中编写的样式没有办法直接修改到子组件。这个时候要使用样式穿透>>>,如果>>>没有办法被编译，则可以写/deep/代替>>>.

.wrapper >>> .swiper-pagination-bullet-active{ background: #fff};
.wrapper /deep/.swiper-pagination-bullet-active{ background: #fff};

经试验，less要使用/deep/;

7-8 项目中使用axios

7-8-1 ajax请求的时候，地址的rewrite；webpack给vue-cli里面提供了机制，在config/index.js里面配置proxyTable；

dev: {
// Paths
assetsSubDirectory: ‘static’,
assetsPublicPath: ‘/’,
proxyTable: {
“/api”:{
target: ‘http://localhost:8080‘,
pathRewrite:{
‘^/api’:’/static/mock’
}
}
},
//使用
axios.get(‘/api/index.json’).then((response)=>{console.log(response)});
//配置proxyTable的“/api”的意思是当访问api目录下的内容时，如果是以api开头的，替换成“/static/mock”访问；

转载于:https://www.cnblogs.com/catbrother/p/9374013.html

vue学习项目之去哪儿网笔记相关推荐

Vue.js 入门：去哪儿网APP案例学习记录
推荐博客 Vue 2.5 开发去哪儿旅游网站项目记录项目源码 : https://gitee.com/doublesgzl/Travel 第六章项目实战 6-1 环境配置 (建议看下视频) 6 ...
vue项目实战-去哪儿网
前言为了更快地上手学习vue,我在慕课网找到Dell-Lee老师的去哪儿网视频教程,听了老师讲的课程,的确非常受益.去哪儿网项目,是我学习vue练习做的第一个项目,也是目前来说用vue做的唯一的一个 ...
vue学习项目supermall的数据接口问题
在网上学习coderwhy老师的vue.js课程,做到supermall的项目时,有些接口已经更新了,获取不到数据.经过多方查询,在github上找到一位能人关于supermall项目自己做的数据接口 ...
Git拉代码到本地并运行Vue/springboot项目代码（以内网gitlab为例）
因本人是开发小白,所以将开发过程中所需要的关键地方都记载在此处以备复盘,同时也希望给大家可以提供一些帮助. 目录一.安装Git 二.登录GitLab账号三.拉取代码 1.直接通过http拉取代码 ...
vue中swiper仿去哪儿网相册
效果图下载Swiper 版本:" vue-awesome-swiper " : " ^3.1.3 ",用的是 Swiper4.x 配置选项 npm i ...
前端-Vuejs2.5开发去哪儿网
Vuejs开发去哪儿网重要说明 -_-|| 项目开始日期 2018-07-22,结束日期 2018-07-28 更换开发环境时,记得先npm install一下,再启动(可能需要安装新的依赖) 更换 ...
Vue前端项目-Vuex实战使用
目录 1.创建 vue-cli 脚手架项目 2.安装 vuex 3.将 store 实例注册到 Vue对象 4. store 实例对象 5.将 store 分割成模块化(Module) 6.项目中的模 ...
vue项目开发实录--仿去哪儿网App-张鹏-专题视频课程
vue项目开发实录--仿去哪儿网App-160人已学习课程介绍本课程为vue项目开发实录(仿去哪儿网App)其中涉及到知识点有:组件搭建,路由,vuex,axios,webpack ...
六十四、Vue项目去哪儿网App开发准备
2020/10/20 . 周二.今天又是奋斗的一天. @Author:Runsen @Date:2020/10/20 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是 ...
Vue学习笔记：使用CLI构建Vue项目
Vue学习笔记:使用CLI构建Vue项目一.安装Vue CLI 要用到集成在node.js里的npm来安装Vue CLI. 1.下载并安装node.js 2.配置node.js的环境变量 3.启动命 ...

vue学习项目之去哪儿网笔记

7-3 主页轮播图实现

7-8 项目中使用axios

vue学习项目之去哪儿网笔记相关推荐

最新文章

热门文章