vue练习之vue+cnode api


最近使用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)
  })
},

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>