Vue.js打造一个开源的CNode社区,实现了浏览、发帖、收藏、回复、点赞、个人中心等等功能。
源代码地址:👉 https://github.com/microzz/vue-cnode
欢迎大家star和fork😄
在线预览地址:👉 https://microzz.com/vue-cnode/
Promise
的 HTTP 库,向后端发起请求。<style lang="scss"></style>
。组件状态多了用Vuex管理很方便,引用 Redux 的作者 Dan Abramov 的话说就是:
Flux 架构就像眼镜:您自会知道什么时候需要它。
事先一定要先想好整个页面组成,怎样去分组件开发,这样在开发阶段会事半功倍。
Moment.js在Vue中用ES6的方式引入会有问题,可以尝试在main.js尝试这样import moment from 'moment'
Vue.prototype.moment = moment;
给Vue的原型上添加moment,这样就可以在Vue的实例中随意使用它了。
项目结构如下图
4.13:基本功能完成,后续完成登录后的操作。
4.14:完成登录以及侧边栏。
4.15:增加收藏
4.16:加入回复、单条回复、点赞。项目完成。
源代码地址:👉 GitHub
个人网站:👉 microzz.com
GitHub:👉 microzz
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report