vue練習之vue+cnode api

最近使用vue+cnode社區提供的api作了簡單練習
項目地址:https://github.com/joyhb/vueNode
預覽地址:https://joyhb.github.io/vueNo...
正好學會如何把項目部署到githubcss

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

animate.css作簡單動畫效果,marked解析markdown文本node

只作了簡單的幾個功能,因此沒有用到vuex,感受小項目其實用vuex很少。
主要頁面文件:
index.vue
footer.vue
header.vue
loading.vue
toast.vue
list.vue
user.vue
topic.vue
login.vueios

採用axios獲取提交數據:git

在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)
  })
},
相關文章
相關標籤/搜索