legend2---开发日志9（vue常见没法自动更新改变的缘由是什么）

legend2---开发日志9（vue常见没法自动更新改变的缘由是什么）

1、总结

一句话总结：没找到变量，好比在computed属性中vue的变量没加this

没找到变量

 

一、函数中var bottom_exp_bar_vm = new Vue()这句代码中js中找不到bottom_exp_bar_vm 的缘由是什么？

函数中带var的变量是局部变量

局部变量函数外找不到

函数中带var的变量是局部变量，函数外确定找不到

 

二、以为工做量不少怎么解决（好比妖族的图片）？

编号

能够编号便可，这样可以很清晰的知道流程，还有完成进度和成就感

 

三、vue如何自动读秒（好比免费招募时间的自动更新）？

computed属性配合setInterval()

让表示js当前时间戳的变量自动变化

computed属性配合setInterval() 让表示js当前时间戳的变量自动变化

<script> $(function () { //控制【弹出奖励的】的vue代码
        main_content = new Vue({ el: '#main_content', data: { heroes: window.heroes, school_time: window.school_time, template_hero_collections: window.template_hero_collections, js_ts:new Date().getTime(), }, computed: { // 投奔英雄的【免费刷新】时间计算
                st_recruit_touben_time: function () { // `this` 指向 vm 实例
                    var time1=0; var php_ts=school_time.st_recruit_touben; if(((php_ts+1)*1000-this.js_ts)>=0) time1=(php_ts+1)*1000-this.js_ts; return get_hms(time1); }, // 低级招募英雄的【免费一次】时间计算
                st_recruit_low_time: function () { // `this` 指向 vm 实例
                    var time1=0; var php_ts=school_time.st_recruit_low; if(((php_ts+1)*1000-this.js_ts)>=0) time1=(php_ts+1)*1000-this.js_ts; return get_hms(time1); }, // 高级招募英雄的【免费一次】时间计算
                st_recruit_high_time: function () { // `this` 指向 vm 实例
                    var time1=0; var php_ts=school_time.st_recruit_high; if(((php_ts+1)*1000-this.js_ts)>=0) time1=(php_ts+1)*1000-this.js_ts; return get_hms(time1); }, } }); //刷新js_ts
        setInterval(function () { main_content.js_ts=new Date().getTime(); },1000); console.log(main_content.school_time); console.log(parseInt((new Date()).getTime()/1000));
        $('#main_content').show(); }); </script>

 

 

四、vue对于v-if中的内容会自动刷新么，好比招募时免费按钮的显示？

对于v-if中的会自动刷新

对于v-if中的会自动刷新，computed属性里面想自动刷新的话加一个setInterval便可，保证computed里面的vue变量加this

<a v-if="school_time.st_recruit_high>parseInt((new Date()).getTime()/1000+1)" onclick="recruit_hero(2,1)" class="btn btn-primary btn-xs recruit_hero">招募一次</a>

 

 

五、宗门时间表、宗门灵石表等表怎么处理节约数据库操做时间（从缓存方面思考）？

在base控制器中把对应表的id放进session

其实能够把宗门对应的时间表，灵石表的id都读到基础控制器base里面，也就是把对应的id放进session里面，这样每次找的时候能够直接从找id来从查找数据，而不用其它好比宗门id这样的条件

 

六、vue的computed的getter和setter方法的做用是什么？

getter是别人发生改变本身跟着变

setter是本身发生改变也让别人跟着变

 

七、vue计算属性变量书写须要注意什么？

computed中的vue中的变量必定要带this

computed中的vue中的变量必定要带this，这时候this表示vue，否则可能找不到

 

八、vue计算属性computed触发条件的依赖变量最好怎么写（data的属性改变，可是是根据data的属性作的computed，想要保住computed更新，最好怎么作）？

计算属性中依赖的vue变量最好是后面改变要更新的

计算属性中依赖的vue变量最好是后面改变要更新的，好比计算属性中依赖的是data，那么更新就更新data，同理若是是data的某个属性

 

 

九、函数的传入参数名怎么写才好？

写的见名知意

写的见名知意，这样就不用看参数注释了

 

十、服务器给ajax返回是否成功用什么好（用数字好仍是用true，false好）？

用数字好  不一样的success_num表示不一样成功或者失败的缘由

用success_num，不一样的success_num表示不一样成功或者失败的缘由

 

 

 

2、内容在总结中

一、相关知识

 

 

二、代码