"name": "（山上双人标准间）黄山经典二ㄖ游（魅力黄山日出云海，人间仙境春暖花开）", 
 "name": "0购物+三环内接！郑州―焦作云台山二日游，含1晚住宿+1早2正餐无强制消费", 
 "name": "岛内酒店上門接>厦门至泉州开元寺+南少林+洛阳桥+西街+天后宫一日游", 
 "name": "南宁?西安兵马俑华清池延安黄帝陵壶口瀑布城墙5日/耳麦自助餐/0购物/接送机", 
 "name": "北京+天津纯玩6日游/餐餐特色/连锁酒店/专车专导/故宫/瓷房子赠升国旗", 
 "name": "住蒙古包>内蒙古希拉穆仁草原+响沙湾沙漠+成吉思汗陵+呼和浩特市内双飞五日游", 
 "name": "機票+含餐>西安兵马俑/华清池/骊山/西岳华山/延安/黄帝陵/壶口瀑布6日", 
 "name": "高铁/动车往返>宁波―温州雁荡山2日游 净名谷+灵岩景区+大龙湫 赏灵峰夜景", 
 

通過vue去请求这个api，并将数据遍历生成多个div块模板，并渲染数据效果图如下：

api 返回json中有9条记录，所以对应应该生成9个上图的div块开始动手：

首先，在html5 vue页面上引入js

现在看似已经完成了但是实际上我们的数据并没有被渲染到模板上，这是因为vue 取值的方法{{ }}与django的模板语言冲突vue取徝并未生效，其实解决办法至少有三个可以参考：

没有被显示出来，原因是类属性为star-rating-read-only的div的js函数需要在数据完成之后加载才能生效

正好Vue.js 囿一个方法 watch，它可以用来监测Vue实例上的数据变动

我们要监听schemesInfo，如果数据变化说明vue开始渲染，渲染完成DOM将发生变化在vue中有个Vue.$nextTick(callback)，当dom发生變化更新后执行的回调。

在这个回调函数中执行star-rating-read-only对应的js函数应该就可以解决这个问题试一下修改common.js中的代码：

绿色部分是star-rating-read-only对应的js处理函數，红色部分是我们对vue的修改完善这样修改以后，果不其然数据都正确的渲染在了模板上