Vue项目中常见问题

引入后效果: 

 但是在Search中typeNav默认是收起的

所以我们需要到components/TypeNav/index.vue中去

 从home到search页会执行两次

 控制台可以看到

 效果出来了

还是利用事件的委派来控制 

在methods中

 效果就出来啦

过渡动画:前提组件|元素务必要有v-if获取v-show指令才可以进行过渡动画

首先用transition把有v-show的三级联动包起来

 在css中写过渡动画

    //过渡动画的样式
    //过渡动画开始状态（进入）
    .sort-enter {
      height: 0px;
    }
    // 过渡动画结束状态（进入）
    .sort-enter-to {
      height: 461px;
    }
    // 定义动画时间、速率
    .sort-enter-active {
      transition: all 0.5s linear;//所有属性 0.5秒 匀速
    }

过渡动画效果完成