vum
vum copied to clipboard
import { Header, HeaderLink, HeaderTitle, SecondHeader } from '../components/header' 用不了
在demos中, babel 6版本下, Header 为 undefined? 不能用了吧 前提: 在component中
export default {
Header,
SecondHeader,
HeaderLink: Link,
HeaderTitle: Title,
SimpleHeader,
// for old version
Link,
Title
}
Destructuring a default export object
export default 之后 通过import 问题,
但是我还是不明白你的项目中为什么可以跑起来
@Hyvi 这个写法确实是错误的,import 不支持对象的解构。不过webpack能支持这种语法。你是用webpack编译代码的吗
@Hyvi 参考这里,Babel6 开始就不支持import 解构了, https://github.com/babel/babel/issues/2212
我会尽快更新这个错误的。
他源码里 header/index.vue 源码是下面这样的, 你认为vue 文件能返回一组组件吗,反正我理解,一个vue 文件应该只能解析成一个vue 组件,他这样写,我引用的时候组件都是undefined, 其实应该都是js 文件,不知道作者为啥都写成了vue 文件,我这边的vue-loader 是无法正确解析这种文件,我也很好奇作者怎么能把demos跑起来的
更正下,我yarn 安装的vum 是有这个bug的,但是 github上源码是正确的js 文件
<script>
import Header from './header'
import SecondHeader from './second'
import Link from './link'
import Title from './title'
import SimpleHeader from './simple-header'
export default {
Header,
SecondHeader,
HeaderLink: Link,
HeaderTitle: Title,
SimpleHeader,
// for old version
Link,
Title
}
</script>
用不了 +1