vue-cli 遇到的問題

1：切換子路由時，數據不刷新，在子路由進入時，觀察watch

代碼：

watch:{

'$route'(to,from){

const toDepth = to.path.split('/').length

const fromDepth = from.path.split('/').length

console.log(toDepth,fromDepth)

this.centerIndex = toDepth < fromDepth ? 'centerIndexx' : 'centerIndexx1'

}

},

2：axios post 傳遞表單時候 header

在main.js加入

axios.defaults.headers.post['Content-Type'] ='application/x-www-form-urlencoded';

json.stringify()爲了防止數據傳輸爲object，object

3：彈出層之後防止body滾動

在寫移動端頁面的時候,彈出遮罩層後，我們仍然可以滾動頁面。 
vue中提供 @touchmove.prevent 方法可以完美解決這個問題

<div class="dialog" @touchmove.prevent ></div