Vue js 大型專案架構
•
74 likes•9,826 views
VueJS is a progressive framework for building user interfaces. It introduces key concepts like the MVVM pattern, reactivity system, lifecycle hooks and components. The document discusses various aspects of VueJS including using .vue files with different languages for templates, styles and scripts. It also covers Vuex for state management, Vue Router for routing, VueStrap for Bootstrap components, and integrating JWT authentication with Auth0.
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (20)
Similar to Vue js 大型專案架構
Similar to Vue js 大型專案架構 (20)
More from Hina Chen
Recently uploaded
Recently uploaded (20)
Vue js 大型專案架構
- 1. # VueJS
- 4. VueJS .vue
- 5. VueJS MVVM
- 6. VueJS
- 13. VueJS .vue <template> HTML jade jade-loader mustache * {{{ HTML }}} <template lang=“jade”> <div> <h1>{{ message }}</h1> <p>{{ *message }}</p> <p>{{{ messageRawHtml }}}</p> <p class="message-{{ messageId }}"></p> </div> </template> http://vue-loader.vuejs.org/en/index.html
- 14. VueJS .vue <style> CSS scss/sass sass-loader scoped <style lang=“scss” scoped> $primary-color: #633; .component { color: $primary-color; } </style> http://vue-loader.vuejs.org/en/index.html
- 15. VueJS .vue <script> script coffee coffee-loader <script lang=“coffee”> # Write your coffee script here. # Coffee Script. </script> http://vue-loader.vuejs.org/en/index.html
- 17. VueJS 2.0 ?
- 20. VueJS
- 22. VueJS API
- 23. VueJS veux superagent vue-router JWT + Auth0 scss/sass/jade coffee or native JavaScript
- 25. Vuex
- 26. VueJS + Vuex Flux, Redux http://vuex.vuejs.org/zh-cn/index.html
- 29. Vuex
- 35. mutation state。 dispatch Vue.set Stage 2* * https://github.com/sebmarkbage/ecmascript-rest-spread Vuex mutation
- 38. - middleware Vuex - Vuex middlewares
- 41. superagent
- 42. Vuex + superagent - actions - API - 。
- 43. action mutations mutation Vuex action + superagent
- 45. vue-router
- 46. VueJS + vue-router Nested view $router $route hooks
- 47. vue-router
- 54. vue-router Hooks data, activate, deactivate Promise Promise canActivate, canDeactivate Promise Boolean canReuse Boolean
- 60. VueStrap
- 62. VueStrap
- 63. VueStrap
- 64. VueStrap
- 66. JWT + Auth0
- 67. JWT + Auth0 JSON Web Token PHP firebase/php-jwt JWT+auth0 with VueJS https://goo.gl/gdf3H8
- 68. JWT + Auth0 Vuex actions Token store Token header Authorization localStorage Token Cookie
- 72. Thanks