把export default改成com了报错 会报 21:2-16 "export

Question

console.log 如下：{name: "HelloWorld", data: ƒ}

说明import是成功了

console 还有个报错

是不是vue的组件必须要export 一个default ？

Answer 1

fishenal 2018-02-12 10:03:04

这个default是默认的语法，你怎么改的？ 如果想导出特定模块要写 

// 定义 myModel

export { myModel }

引入写

import { myModel }  from xxx

• 提问者 hehehei #1

  //HelloWorld
  let HelloWorld = {
    name: 'HelloWorld',
    data () {
      return {
        msg: 'Welcome aaa to Your Vue.js App'
      }
    }
  }
  
  export  {HelloWorld}
  
  
  //app
  import {HelloWorld} from './components/HelloWorld.vue'
  console.log(HelloWorld)
  export default {
    name: 'App',
    components: {
        HelloWorld
    }
  }
  
  这样写报错，我的那个console.log(HelloWorld)记录如下
  {name: "HelloWorld", data: ƒ},说明import是成功了。
  
  console有个报错：
  vue.esm.js?5425:578 [Vue warn]: Failed to mount component: template or render function not defined.
  
  found in
  
  ---> <HelloWorld>
         <App> at src/App.vue
           <Root>
  
  是不是vue的组件必须要export 一个default ？

• 提问者 hehehei #2

  不能换行...我把原来的问题重新编辑了一下，好像vue加载组件必须export一个default

• fishenal #3

  不用啊，是不是因为在import的时候没有指定对象，比如这样引用 import my from xxx

点开查看后面2条评论