最近使用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)
})
},
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。