Why VueJS

• Easy
• Clean code
• Syntag
• Documents
• Tools support
• Leaning cruve
• VueJS Conference

Overview Project Structure

• Components Modules
• Priority lifecycle and ESLint
• Vue.component
• Integration Vuex & APIs
• Utils
• Prototype

Tips

• Export vs Export default
• Arrow functions
• Reactivity in Depth
• Deep Watcher
• *-lock.json
• Axios Global Handler
• Pathify
• Fetching data beforeRouteEnter
• Vuex memory usage
• Event Bus vs Vuex
• @input => v-model
• Dev Tool