GAARA

文章目录0.git的介绍,官网,下载和安装介绍官网和下载地址和安装2.git的使用命令2.1.本地2.2.上传到在线仓库:github,gitee等2.3.下载2.4.分支3.上传vue项目到gitee中3.1.项目文件夹外右键,打开Git Bash Here 小黑框,开始本地仓库初始化3.2.将文件提交到版本库3.3. 配置用户名和邮箱3.4.设置当前上传的版本为""version 1.0 创建底版""3.5.查看版本号和日志3.5.gitee上创建一个库,然后得到仓库链接

0.介绍,官网安装和引入介绍:官网全局安装:`npm install mint-ui -S`全局引入:在项目中的main.js文件引入所有组件1.在网页中使用mintUI2.在vue项目中使用mintUI3.使用mintUI为电影院列表添加样式

1.Getter:把Store中数据处理形成新数据Getter 可以对 Store 中已有的数据加工处理之后形成新的数据，类似 Vue 中的计算属性。Store 中数据发生变化，Getter 的数据也会跟着变化。2.使用vuex的getter筛选comingSoon的显示电影数store/index.js

0.实现场景:进入详情页时,底部选项卡隐藏1.使用中央事件总线控制tabbar的v-show的值2.使用vuex的state控制tabbar的v-show的值3.使用vuex的mutation控制tabbar的v-show的值4.使用mapState控制tabbar的v-show的值4.1.v-show="isShow"4.2.引入mapState,并在计算属性中使用它,得到同样效果:`computed:mapState(["showTabbar"]),`5.`...mapState(["sh

0.vuex工作流程图复习1.思路2.axios获取后台数据(仿nowPlaying页即可)3.用vuex的Action处理异步问题:切换FilmHeader中的"正在热映"和"即将上映"时直接缓存数据3.1.触发使用缓存数据的逻辑3.2.将axios请求写在action中,$this.store.dispatch的第一个参数就是action的名字3.3. 把数据提交到mutation中3.4. 把获取到的数据写入到comingSoon.vue页面中4.完整代码

0.vuex复习1.引入2.在state中存showTabbar后,直接可以引用3.在Detail.vue的两个钩子函数中设置控制showTabbar的布尔值4.效果:实现进入详情页时隐藏tabbar5.为什么要使用mutation?6.使用mutation监听6.1.this.$store.commit()的第一个参数就是mutation的名字6.2.this.$store.commit()的第二个参数就是一个mutation如listentabbarShow(state,data)的第二

思路是组件化开发,创建全局的中央事件总线EventBus利用现有文件src/Eventbus.jsimport Vue from "vue"// export default new Vue();const Eventbus = new Vue();export default Eventbus给tabbar的占位符加v-show判断,在App.vue中引入Eventbus并接收事件’xianshi’App.vue

1.使用axios获取后台数据2.把影院名遍历到页面中3.better-scroll3.1.安装命令`cnpm install --save better-scroll`3.2. 引入和使用4.使用Best-Scroll实现效果更好的滚动4.1.$nextTick4.2.增加滚动惯性5.把显示高度设置为动态6.完整代码

1.用同一个轮拨组件,详情页多个位置设置轮拨图2.通过axios获取后台电影数据3.演职员表的轮拨显示列数为4,剧照的轮拨显示列数是34.爬取的图片只显示其正中间部分(竖=>横)

1.带着id传到详情页面中效果:点击任一电影,跳转进Detail.vue页面时后面自动拼接上电影的filmIdhttp://localhost:8081/#/Detail/6112http://localhost:8081/#/Detail/6105等等代码nowPlaying.vue

知识点class前加冒号:可以判断引号中的js语句,否则当成普通字符串吸顶效果:设置固定定位的元素left和top为0获取轮拨图高度:使用ref动态获取swiper占位符设置 ref="myswiper"获取原生DOM对象:this.$refs.myswiper.$el获取此DOM对象的高度this.$refs.myswiper.$el.offsetHeight获取鼠标滚动距离:document.documentElement.scrollTop

文章目录0.目录和package.json依赖1.src/assets/iconfont(文件夹)2.src/components/tabbar.vue3.router/index.js4.store/index.js(略)5.views5.1.Film/comingSoon.vue5.2.Film/nowPlaying.vue5.3.Film.vue5.4.Cinema.vue和Center.vue5.5.Detail.vue5.6.Login.vue6.App.vue7.

1.引入swiper.vue组件目的步骤结果2.把swiper-slide做成匿名插槽3.Film.vue中通过axios请求获取后台轮播图片目的步骤因为现在原网站已取消轮拨图模块,只能使用其他图片替代

1.封装选项卡2.设置iconfont3.nowPlaying获取数据后写样式3.1.获取后台数据3.2.从data对象获取电影海报,标题,评分3.3.过滤data.actor,获取演职员表3.4.nowPlaying.vue

// 使用axios的完整写法配置字段 axios({ url:"https://m.maizuo.com/gateway?cityId=310100&pageNum=1&pageSize=10&type=1&k=2318535", headers:{ 'X-Client-Info': '{"a":"3000","ch":"1002","v":"5.2.1","e":"16662641254110824868151297