vue-cli項目，將css和js單獨抽離出來。

vue-cli項目，將css和js單獨抽離出來可使頁面整潔可維護。都寫在頁面裏多了看起來就會很亂。
1.抽離js，在沒每個頁面文件下單獨新建一個.js文件，一個.js對應一個頁面。

在js文件中寫法和在頁面上完全一樣，也可以直接複制過去。

然後在頁面中引入，需要注意引入方式
export { default } from './js/index';
這樣就可以在js文件中寫邏輯代碼了，效果和直接寫在頁面上是一樣的，這樣就頁面上就整潔多了。
2.抽離css，新建一個公共的css文件，直接在app.vue裏引入就可以了，大家都知道，vue-cli是單頁面引入，所有頁面其實都在APP.vue裏面。

我這裏用的是less,用法和css是一樣的。在APP.vue引入，我用的less語法，所有引入的時候lang="less"。

====另外附上一個移動端切換頁面的過渡效，開發移動的時候，像要頁面切換平滑效果可以使用這個，這是vue內置的過渡效果。
// app.vue
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()
}
}
標簽：vue,cli,isBack,抽離,js,css,頁面
來源： https://www.cnblogs.com/hs610/p/12100822.html