关于Vux的使用问题

Question

最近在学习vue，今天在使用Vux的时候按照官方的实例，做了一下Demo但是没有获得想要的效果
使用的是vue-cli
App.vue中的代码如下

这个是vux中timeline的demo，但是页面并没有呈现相应的效果，效果如下

并报错，错误信息如下

在网络上没有找到多少关于Vux的内容，所以想请教一下，我这么写哪里出现了问题

Answer 1

看你的报错两个问题：第一：你没有动态传入color第二：你没有引入timeline-item这个页面明显用到了两个组件timelinetimeline-item你只引入了一个timeline以下代码经过测试<template> &nbsp;&nbsp;<div&nbsp;class="timeline-demo"> &nbsp;&nbsp;&nbsp;&nbsp;<timeline&nbsp;:color="color"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<timeline-item> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<h4&nbsp;class="recent">【广东】&nbsp;广州市&nbsp;已发出</h4> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p&nbsp;class="recent">2016-04-17&nbsp;12:00:00</p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</timeline-item> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<timeline-item> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<h4>&nbsp;申通快递员&nbsp;广东广州&nbsp;收件员&nbsp;xxx&nbsp;已揽件</h4> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p>2016-04-16&nbsp;10:23:00</p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</timeline-item> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<timeline-item> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<h4>&nbsp;商家正在通知快递公司揽件</h4> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p>2016-04-15&nbsp;9:00:00</p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</timeline-item> &nbsp;&nbsp;&nbsp;&nbsp;</timeline> &nbsp;&nbsp;</div></template><script>import&nbsp;Timeline&nbsp;from&nbsp;'vux/dist/components/timeline'import&nbsp;TimelineItem&nbsp;from&nbsp;'vux/dist/components/timeline-item'export&nbsp;default&nbsp;{ &nbsp;&nbsp;data&nbsp;()&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;'#04BE02' &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp; &nbsp;&nbsp;},&nbsp;&nbsp;components:&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;Timeline, &nbsp;&nbsp;&nbsp;&nbsp;TimelineItem &nbsp;&nbsp;} }</script><style>@import&nbsp;'~vux/dist/vux.css';</style>效果如下