在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>
显示分别如下
cmlzf (作者)
这个就是用HibuliderX中 的用 Hello uni-app模板生成的官方程序简单修改的。只是将
badge.vue文件中<script>部分改为了 上面的的代码
2019-02-11 11:12
Trust
回复 cmlzf:不支持这样写
2019-02-11 12:00
cmlzf (作者)
@86285
如果不支持的话,请问有什么好的方法进行代码复用吗?
比如几个页面的处理方式和显示内容基本一样,只是初始化参数及部分内容略有区别。不能复用的化只能进行代码拷贝,而且修改起来麻烦。
在HibulderX 1.4版本中,我采用的是 export default 函数名(参数..)的形式来解决这个问题的,但在HibulderX 1.5中,这个方法也无效了。
2019-02-11 13:17