2020年2月16日
part10 header界面渐隐渐显 //动态路由//项目动画
摘要： 两个组件只同时显示一个 可以用 a v-show='variable' b: v-show='!variable' 1.对全局事件的解绑 //代码容易出现大量bug 因为影响其他组件 keep-alive还提供了一个生命周期函数 deactivated 执行事件：页面即将被隐藏或者页面即将被替换新的 阅读全文
posted @ 2020-02-16 21:32 容忍君 阅读(237) 评论(0) 推荐(0)
axios请求接口的时候带一个参数
摘要： getHomeInfo () { this.axios.get('/api/index.json?city=' + this.city) .then(this.getHomeInfoSucc) } 尽量不要在父组件中 过多的操作子组件 最多操作 v-show ：数据传递 阅读全文
posted @ 2020-02-16 17:56 容忍君 阅读(809) 评论(0) 推荐(0)
part9 公用图片画廊组件拆分
摘要： 1.src中创建 common 再创建 gallery。然后gallery.vue 2.build 中webpack.base.conf 中配置更短路径 module.exports {}中 resolve "common": resolve('src/common') 3.其他组件引用这个组件 4 阅读全文
posted @ 2020-02-16 12:41 容忍君 阅读(223) 评论(0) 推荐(0)
高级css效果
摘要： 1.图片渐变效果 background linear-gradient(top,rgba(0,0,0,.8),rgba(0,0,0,.8)) 阅读全文
posted @ 2020-02-16 10:52 容忍君 阅读(241) 评论(0) 推荐(0)
part8 详情页面动态路由以及banner布局
摘要： 1.<router-link>标签 a标签就会把里面文字的颜色变掉 那我们可以换一种写法 <router-link tag='li'> //这样vue就会把这个标签渲染成li标签 < :to="'/detail' + item.id"> //to做一个动态绑定 //并且实现了一个参数传递，通过url 阅读全文
posted @ 2020-02-16 10:51 容忍君 阅读(187) 评论(0) 推荐(0)
flex:1
摘要： flex 是 flex-grow、flex-shrink、flex-basis的缩写 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> #main { width: 阅读全文
posted @ 2020-02-16 10:33 容忍君 阅读(1239) 评论(0) 推荐(0)