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