vuecli中的技巧

所有的元件都在components資料夾，根據需求可以在components中新建資料夾

在父元件中，引入想要使用的子元件。盡量將起的名字和元件名保持一致

import 元件配置物件名 from

'***.vue的路徑'

在父元件的元件配置物件中，進行元件的註冊

export

default
}

註冊後的元件會有乙個元件標籤《元件名》

>

>
《元件名
>
元件名》
div>
template
>

因為，如果不放在一起，我們會將請求分散在不同的vue元件中，一旦某個請求發生了改變，那麼我們不方便維護。放在一起方便維護

// 引入axios

import axios from
'axios'
// 設定介面公共的url
axios.defaults.baseurl =
"公共介面字首"
export
const
函式名=
(id)
=>})
}// 或者
const
函式名=()
=>
const
函式名2=(
)=>
export
/* export 的方式匯出我們的模組
在引入時需要使用 import from '路徑'
*/

>

template
>
>
import
from
'service路徑'
export
default)}
}script
>

import vue from

'vue'
// export default new vue()
const bus =
newvue()
export
default bus

import bus from

'@/bus'

Vue cli中的跳轉

寫法一 這裡的name是在vue路由裡面的 寫法二 push與replace用法一樣,都是跳轉到指定網頁 區別 this.router.push path this.router.push this.router.push 向前或者向後跳轉n個頁面，n可為正整數或負整數 this.router.go...

Vue cli中的元件

vue cli的元件都寫在專案資料夾下的 src 資料夾下的 components 下，每個元件單獨乙個 vue 檔案。每個元件檔案都包含 模版 template 元件引數 元件樣式 style 模版 template template 元件引數 script export default scri...

vue cli中的 babelrc檔案介紹

自 需要npm install babel preset es2015 d env項是借助外掛程式babel preset env，下面這個配置說的是babel對es6,es7,es8進行轉碼，並且設定amd,commonjs這樣的模組化檔案，不進行轉碼 compiles es2015 down t...