vue cli中的 babelrc檔案介紹

2022-04-01 19:43:00 字數 940 閱讀 2231

**自:

],  //

需要npm install babel-preset-es2015 -d

// env項是借助外掛程式babel-preset-env,下面這個配置說的是babel對es6,es7,es8進行轉碼,並且設定amd,commonjs這樣的模組化檔案,不進行轉碼

// compiles es2015+

down to es5 具體見

babel-preset-env

官網:

["env", ],  

// 下面這個是不同階段出現的es語法,包含不同的轉碼外掛程式

//可參考babel官網

"stage-2"],

"plugins": [

//// 下面這個選項是引用外掛程式來處理**的轉換,transform-runtime用來處理全域性函式和優化babel編譯

"transform-runtime",

//需要npm install babel-plugin-component -d

//官網:

["component", ]

],// 下面指的是在生成的檔案中,不產生注釋

"comments": false

,// 下面這段是在特定的環境中所執行的轉碼規則,當環境變數是下面的test就會覆蓋上面的設定

"env":

}}

注釋   element官網,//官網:

注釋

vuecli中的技巧

所有的元件都在components資料夾,根據需求可以在components中新建資料夾 在comments上右鍵,新建檔案,起名為元件名.vue 在父元件中,引入想要使用的子元件。盡量將起的名字和元件名保持一致 import 元件配置物件名 from vue的路徑 在父元件的元件配置物件中,進行元...

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...