You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Takes the [Vue].js TodoMVC example and modifies it to use a [Grails] app to store the data.
20
-
TodoMVC examples from the poc site http://todomvc.com/
21
-
We use this one as a basis for the code https://vuejs.org/v2/examples/todomvc.html
21
+
This is a project I used to attemp to learn the basics of Vue. I consider one of those neccesarry basics to be how to communicate using a rest api with [Grails][]. I takes the [Vue.js][Vue] TodoMVC example and modifies it to use a [Grails] app to store the data.
22
+
TodoMVC example initially taken from the poc site http://todomvc.com/ bubt then ended up using this one as a basis for the code https://vuejs.org/v2/examples/todomvc.html Take a look at the end of this artcle for other links and projects I used as examples and tutorials.
@@ -177,14 +178,20 @@ see [this commit](https://github.com/basejump/grails-vuejs-todomvc-example/commi
177
178
178
179
2. Update main.js per commits to add the router. The docs were light on this as most examples talked about how to tie the routes to the componenets to show. Turns out its optional and we can use the `$router` var that get injected into the Vue.
179
180
181
+
## Phase 8 - Vanilla Store
180
182
181
-
## Phase 8 - vuex
183
+
See this [branch](https://github.com/basejump/grails-vuejs-todomvc-example/tree/vanilla-store) for working example
182
184
183
-
See this [branch](https://github.com/basejump/grails-vuejs-todomvc-example/tree/vuex) for working example
185
+
* using `yarn` now, so intall yarn and just run that. must faster with caching.
186
+
* abstract out a generic store
184
187
185
-
8a - get vuex working with local storage
188
+
## Phase 9 - Vuex Store
186
189
187
-
8b - [Grails] rest storage
190
+
See this [branch](https://github.com/basejump/grails-vuejs-todomvc-example/tree/vuex-store for working example
191
+
192
+
`npm -S install vuex`
193
+
194
+
working with both local and rest storage
188
195
189
196
190
197
**Inspiration Articles/Docs**
@@ -197,10 +204,35 @@ See this [branch](https://github.com/basejump/grails-vuejs-todomvc-example/tree/
197
204
**Inspiration Projects and Examples**
198
205
199
206
* The [vuex example](https://github.com/vuejs/vuex/tree/dev/examples/todomvc) in the main source
207
+
* another vuex with JSX example https://github.com/codingcampbell/todomvc-vue
200
208
*https://github.com/christianmalek/vuex-rest-api
201
209
* complicated project with modules (in chinese) https://github.com/jackhutu/jackblog-vue/tree/master/src/vuex
202
210
* old but good examples https://github.com/pablohpsilva/Goal
203
211
212
+
## Reference
213
+
214
+
#### examples TodoMVC inspiration
215
+
216
+
super simple https://github.com/addyosmani/vue-cli-todomvc
217
+
older but has components examples and test examples https://github.com/allenmyao/vuejs-todomvc/tree/master/src
218
+
vuex example with JSX, also shows SCSS style use https://github.com/codingcampbell/todomvc-vue
219
+
220
+
#### Admin Dashobards
221
+
front end comparison https://docs.google.com/spreadsheets/d/13WhGNOu9S207TmhkL4xhCHV0tlDg-rCzR0VeaspS8QQ/edit#gid=541415243
0 commit comments