vuejs 的初上手项目

原创 cangdu 随笔 vue.js 3102阅读 2017-03-24 09:08:45 举报

学习一个框架有两个阶段最难,一个是初期的入门,一个是后期的源码阅读。

虽然vue的官方文档非常棒,在我读完文档之后还是会有一种感觉,知识点我都懂,然后呢?似乎大体知道该怎么利用vue全家桶去搭建一个项目,但具体下笔又有点模糊。vue官方的脚手架并没有将vue-router和vuex包括进去,所以我们需要自己去配置它们。虽然找了一堆的demo,但是都没有达到我想要的效果。正好趁着自己接了一个小项目,拿来练手。

这个项目主要的作用是熟悉 vue vue-router vuex 在初期搭建项目的时候该怎么配置,以及怎么去互相配合,xx.vue文件该怎么写,如何创建和使用组件,vuex的state,mutations,actions,getters怎么配合,形成一个完整的流程。

源码地址:https://github.com/bailicangdu/vue2-happyfri

路由配置

javascript 代码

配置actions

javascript 代码

mutations

javascript 代码

创建store

javascript 代码

创建vue实例

javascript 代码

评论 ( 3 )
最新评论
陈陈陈大文 1F 2017-03-30 13:39:34 3F

....二哲。。。

ablikim915 2017-03-27 13:41:38 2F

这上面贴上去的几段js代码我没看懂 路由配置、配置actions、mutations、创建store这些是什么意思啊

15727572247 2017-03-25 21:56:36 1F

我也是vue刚刚入门,正好拿来参考,学习了。