Skip to content

szy0syz/wheel-happyfri

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

wheel-happyfri

这是一个基于Vue2 & Vuex 的在线在线答题“造轮子”项目

项目说明

项目根据vue2-happyfri造轮子而来,代码纯手打,为了再次熟悉vue。在有了wheel-notepad的基础,练习这个项目就简单了。

项目总结

其实应该叫GET到的知识点更好听点!

  • 如果XMLHttpRequest不存在可以使用ActiveXObject来初始异步请求对象;

  • mapState辅助函数,一次性生成三个计算属性。

<script>
  import { mapState } from 'vuex'
  export default {
    computed: mapState({
      itemNum: state => state.itemNum,
      level: state => state.level,
      itemDetail: state => state.itemDetail
    })
  }
</script>
  • 在项目components的itemcontainer.vue里,使用v-if判断存了两个page。通过父组件传入的fatherComponent判断是生成home页面还是item页面。

  • itemcontainer.vue组件中,通过计算属性绑定输入题库数组中的题目和选项,然后通过按钮事件改编题库指针后切换下一题,同时还把所选选项唯一id保存。

  • 项目流程图

flowChart

About

vue2 + vue-router + vuex 入门项目

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published