diff options
author | Filipa Lacerda <filipa@gitlab.com> | 2017-04-21 17:19:03 +0300 |
---|---|---|
committer | Phil Hughes <me@iamphill.com> | 2017-04-21 17:19:03 +0300 |
commit | 1e92f8b6ce70fff1a375e6797cef3bf0ae9d27c3 (patch) | |
tree | c224c53d60bf851e5ed6cdb67c6e42562814d14b /doc/development | |
parent | f97d818cd7ed707cf0d1d6789998b11b5430fbc7 (diff) |
Add help regarding vue resource and where to include it
Diffstat (limited to 'doc/development')
-rw-r--r-- | doc/development/fe_guide/vue.md | 18 |
1 files changed, 17 insertions, 1 deletions
diff --git a/doc/development/fe_guide/vue.md b/doc/development/fe_guide/vue.md index 45c8300d9de..73d2ffc1bdc 100644 --- a/doc/development/fe_guide/vue.md +++ b/doc/development/fe_guide/vue.md @@ -103,6 +103,21 @@ The Service is a class used only to communicate with the server. It does not store or manipulate any data. It is not aware of the store or the components. We use [vue-resource][vue-resource-repo] to communicate with the server. +Vue Resource should only be imported in the service file. + + ```javascript + import Vue from 'vue'; + import VueResource from 'vue-resource'; + + Vue.use(VueResource); + ``` + +### CSRF token +We use a Vue Resource interceptor to manage the CSRF token. +`app/assets/javascripts/vue_shared/vue_resource_interceptor.js` holds all our common interceptors. +Note: You don't need to load `app/assets/javascripts/vue_shared/vue_resource_interceptor.js` +since it's already being loaded by `common_vue.js`. + ### End Result The following example shows an application: @@ -288,7 +303,8 @@ new Vue({ ``` -The [issue boards service][issue-boards-service] is a good example of this pattern. +The [issue boards service][issue-boards-service] +is a good example of this pattern. ## Style guide |