vueいくつかの文法

1.vueルーティング切替については常にclass router-link-exact-activeをデフォルトで追加する

対応するHTMLコードは次のとおりです.

パーソナルセンター

2.Vue 2ルーティングアニメーション効果実現
vue公式サイトを参照した遷移ハイジャックアニメーションの効果は主にcss 3によって実現される.例を参照してください

  
  
  
  
export default {  
  name: 'app',  
  data () {  
    return {  
      transitionName: 'to'  
    }  
  },  
  mounted () {  
  },  
  //       ，                     
  watch: {  
    '$route' (to, from) {  
      if(to.path == '/'){  
        this.transitionName = 'to';  
      }else{  
        this.transitionName = 'from';  
      }  
    }  
  }  
}