技术栈

主页 > 前端开发 >

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)
  })
},
责任编辑:admin  二维码分享:
本文标签: JavaScript
点击我更换图片

评论列表