zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    常见的arp欺骗
    ARP欺骗分析
    周总结
    周总结
    周总结
    win10下 修改host文件 新添域名不生效
    周总结
    周总结
    周总结
    周总结
  • 原文地址:https://www.cnblogs.com/lccluyan/p/8205475.html
Copyright © 2011-2022 走看看