vue-cli中如何創建並引入自定義組件

1.在components（專門放組件的文件）下創建一個header.vue文件

2.在App.vue文件里添加如下代碼

   <my-head></my-head>

   import myHead from './components/header'

   

components : {
myHead,
}

 

此時header.vue組件就會被成功引入

如果 import myHead from './components/header'    去掉前面的    ./      就會報如下錯誤：

 

Failed to compile.

./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/App.vue Module not found: Error: Can't resolve 'components/header' in 'E:\工作\src' @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/App.vue 11:0-39 @ ./src/App.vue @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js