Download to read offline
Uploaded byElad Gasner
Vue Introduction
Vue.js is a progressive framework for building user interfaces that focuses solely on the view layer. It was created by Evan You and takes inspiration from other frameworks to combine useful ideas in an approachable way. Vue can be installed via CDN, NPM, or Vue CLI. It uses components to organize code for reusability. Components can also accept external data via props. Additional tools like Vuex, Vue Router, and libraries help with state management, routing, and following best practices.
![第一次用 Vue.js 就愛上 [改]](https://cdn.slidesharecdn.com/ss_thumbnails/vuejs-160518081021-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
![[DevDay2019] Vue.js - By Nguyen Viet Cuong, Engineer at MTI Technology](https://cdn.slidesharecdn.com/ss_thumbnails/cuongnguyenviet-devdayslide-190408081904-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
Vue Introduction
- 1.
- 3. What is Vue.js? ●Vue pronounced /vjuː/, like view. ● Is a progressive framework for building user interfaces. ● The core library is focused on the view layer only.
- 5. Evan You Vue takesinspirations from many other excellent frameworks, but aims to combine and expose these ideas in an approachable and progressive fashion so that more developers could benefit from them. (The Vue Point)
- 6. Installation ● CDN -<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"> ● NPM - npm install vue ● VUE-CLI
- 7. Components ● Organized ● CleanCode ● Reusability
- 8.
- 9. Next Steps... ● vuex- a state management pattern + library. (official) ● vue-router - Router for building Single Page Applications (official). ● vue-devtools - Browser devtools extension for debugging Vue.js applications. ● vue best practice - https://vuejs.org/v2/style-guide/ , eslint-plugin-vue (official). ● vuetify - Material Design Component Framework. ● vue awesome - https://github.com/vuejs/awesome-vue. ● nativescript-vue - framework for building native mobile applications using JS.