vue.js - weex 添加Vue web端components

问题描述

问 题

在官方下载的demo中的html5/render/vue/components中添加一个component，也添加带index.js 中
export default {
a,
div,
container: div,
image,
img: image,
input,
header,
list,
cell,
scroller,
slider,
'slider-neighbor': neighbor,
indicator,
refresh,
loading,
LoadingIndicator,
text,
textarea,
video,
web,
embed
}
最后一个，embed为我自己添加的，对应的js导入，但是运行npm run build:browser npm run build:vue 之后，启动在浏览器中并没加载该自己添加的component,甚至在components/index.js中添加console.log打印日志也输出。用浏览器查看sources中发现，浏览器并未将添加的内容加进去。
浏览器打印的日志 [Vue Render] Registered components: [switch, a, div, container, image, img, input, list, cell, scroller, slider, indicator, refresh, loading, LoadingIndicator, text, textarea, video, web].
按照正常逻辑应该是[Vue Render] Registered components: [switch, a, div, container, image, img, input, list, cell, scroller, slider, indicator, refresh, loading, LoadingIndicator, text, textarea, video, web, embed].
各位大神有遇到的吗，求解决。

解决方案

注册组件需要在初始化Vue时调用Vue.component(name, component)进行注册，注册module直接用weex.registerModule(name, module)即可。

这篇关于vue.js - weex 添加Vue web端components的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！