VUE-CLIプロジェクト、CSSやJSだけで引き抜きます。

VUE-CLIプロジェクト、CSSやJSの個別ページがきれいに維持することが可能に引き出します。もっと混沌となりますページに書かれています。

 

1.切り離さjsが、不在で新しい単一のファイルには、各ページファイル、.jsファイルに対応するページを.jsファイル。

 

 

そして正確にページ内のjsファイル内の同じ文言、またはあなたが過去に直接コピーすることができます。

 

 次に、ページの導入は、あなたが道の導入に注意を払う必要があります

<スクリプト> 
    エクスポート{ デフォルト「./js/index」から} 。
</ SCRIPT>

 このロジックは、JSファイル、エフェクトでコードを書くと、ページが同じであるに直接書き込むことができますので、きれいにページという。

 

2. その上でapp.vueに直接導入された新しい公共を作成するために引っ張られ、CSS、CSSファイル、我々はすべて知っているように、VUE-CLIは、単一のページの紹介です、すべてのページがAPP.vueの内部に実際にあります。

 

  私はここにいることは少なく、CSSの使用方法は同じです。APP.vue導入では、以下の文法は、私はすべての時間は=「少ない」LANGを紹介します。

 

 

さらに====この平滑化効果にページ切り替えなどのモバイルの開発は、VUEトランジションエフェクトを内蔵している、使用することができる場合には、移動端末のページを切り替えるトランジション効果を取り付けます。

// app.vue

<template>
  <div id="app">
    <transition :name="transitionName">
      <router-view class="child-view"></router-view>
    </transition>
  </div>
</template>


<script>
  export default {
    data () {
      return {
        transitionName: 'slide-left'
      }
    },
    beforeRouteUpdate (to, from, next) {
      let isBack = this.$router.isBack
      if (isBack) {
        this.transitionName = 'slide-right'
      } else {
        this.transitionName = 'slide-left'
      }
      this.$router.isBack = false
      next()
    }
  }

</script>