vue文件中,不能使用export default 变量名?

在vue中, 如果使用 export default {....} ,是正常的,但采用如下形式
var x = { ....} ;
export defult x;
如果在配置项中.含有componet 组件,则 组件不能在微信小程序和app中无显示,也不提示错误。
但在H5页面中正常。
示例,将 helloapp中的 数字角标 badge.vue 改为如下
<script>
import uniBadge from "../../../components/uni-badge.vue";
var x = {
data() {
return {
title: "badge"
}
},
components: {
uniBadge
}
};
export default x;

// export default {
// data() {
// return {
// title: "badge"
// }
// },
// components: {
// uniBadge
// }
// }
</script>
显示分别如下

2019-02-11 10:20 添加评论 分享
已邀请:
0

DCloud_UNI_Trust - 少说废话

赞同来自:

猜测是组件嵌套的问题,text 只能嵌套 text,建议上传个完整的例子上来。

0

cmlzf

赞同来自:

@DCloud_UNI_Trust
如果不支持的话,请问有什么好的方法进行代码复用吗?
比如几个页面的处理方式和显示内容基本一样,只是初始化参数及部分内容略有区别。不能复用的化只能进行代码拷贝,而且修改起来麻烦。
在HibulderX 1.4版本中,我采用的是 export default 函数名(参数..)的形式来解决这个问题的,但在HibulderX 1.5中,这个方法也无效了。

要回复问题请先登录注册