vue练习之vue+cnode api

2017-09-13 14:49 出处:segmentfault 人气: 评论(0

最近使用vue+cnode社区提供的api做了简单练习
项目地址:https://github.com/joyhb/vueNode
预览地址:https://joyhb.github.io/vueNo...
正好学会如何把项目部署到github

使用vue+vue-router+es6+animate.css+less+marked+cnode-api

animate.css做简单动画效果,marked解析markdown文本

只做了简单的几个功能,所以没有用到vuex,感觉小项目其实用vuex不多。
主要页面文件:
index.vue
footer.vue
header.vue
loading.vue
toast.vue
list.vue
user.vue
topic.vue
login.vue

采用axios获取提交数据:


在data先初始化list:[]
// 获取帖子列表信息
getList: function (index, page, limit) {
  axios.get(config.ajaxUrl + '/api/v1/topics', {
    params: {
      page: this.page || 1,
      tab: index,
      limit: this.limit || 20
    }
  }).then((response) => {
    this.list = []
    this.loading = false
    const data = response.data
    // 填充帖子列表
    data.data.map((item) => this.list.push(item))
  }).catch((error) => {
    console.log(error)
  })
},
本文标签: javascript

相关文章

网站内容来源于互联网,仅供用于技术学习,请遵循相关法律 规,如有侵权,请联系管理员删除

Copyright © 2002-2017 JISHUX. 技术栈 版权所有

京ICP备15061484号-3