vue-cli中如何建立並引入自定義元件
阿新 • • 發佈:2018-12-15
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