舉報 
會員
Vue.js Quick Start Guide
Vue.jsisthelatesttrendingfrontendframework.Simplicity,reactivity,and?exibilityaresomeofthekeybenefitsthatVueofferstodevelopers.ThisbookwillhelpyoulearneverythingyouneedtoknowtobuildstunningreactivewebappswithVue.js2quicklyandeasily.ThisbookwilltakeyouthroughtheVue2framework.YouwillstartbylearningthedifferentVueinstallationoptions:CDN,NPM,andVueCLI.ThenwewilllookatthecoreconceptsofVue:templatesandcomponents–waystomodularizeVuecode.Youwilllearnhowtoutilizedirectives,whichareVue-specificHTMLattributeswithadditionalfeatures.Also,youwillseehowVueusesastreamlinedapproachtodevelopment,withreusablemethods,computedproperties,andwatchers,andhowitcontrolsstatewiththehelpofitsdataoption.YouwilllearnabouttheconceptsofreactiveprogramminginVue,andhowtounderstandcommunicationbetweenparentandchildcomponents.Wewilltakealookatpropsandslots,workingwithCSS,filters,andmixins.WewillalsolookatwaystoaddtransitionsandanimationstoVueapps.ThenyouwillextendVuebybuildingcustomdirectivesandyourownplugins.Finally,youwilllearnaboutVuex–aVuepluginthatallowsustocentralizestate,andalsointroduceNuxt,whichisaframeworkthatbuildsontopofVueandsolvessomeissuesofsingle-pageapplications.Afterlearningaboutthesecomponents,youwillbereadytobuildyourownreactivewebappswithVue.js2.
目錄(147章)
倒序
- coverpage
- Title Page
- Packt Upsell
- Why subscribe?
- Packt.com
- Contributors
- About the author
- About the reviewers
- Packt is searching for authors like you
- Preface
- Who this book is for
- What this book covers
- To get the most out of this book
- Download the example code files
- Download the color images
- Conventions used
- Get in touch
- Reviews
- Introducing Vue
- What is Vue?
- The quickest way to start using Vue2
- Mustache template example
- Using Vue's data option as a function
- What problems does Vue solve?
- Vue a jQuery successor
- A learning tool for beginners
- A versatile and progressive framework
- A tool for animations and transitions
- Features similar to other modern frontend frameworks and libraries
- Why use Vue?
- Declarative code
- Feels like a right fit for a variety of projects
- Easy-to-understand syntax
- Directives
- Modifiers
- Vue methods
- Computed properties and watchers
- Summary
- Basic Concepts of Vue 2
- Data-driven views in Vue
- What is reactivity?
- How does Vue achieve this?
- Computed properties and methods
- What exactly are these dependencies?
- Understanding components templates and props
- Adding props and data for better components
- Adding content to our components with the help of the data object
- Other ways of building component templates in Vue
- Building a simple web page out of components
- Adding simple components to a Vue instance
- Creating a more complex page out of components in Vue
- Improving our Vue-based layouts with v-for
- Watchers in Vue
- Lifecycle hooks
- What is a component's lifecycle?
- How do we use lifecycle hooks?
- Summary
- Working with Vue-CLI Components Props and Slots
- Vue component hierarchy and global and local components
- Using Vue-CLI
- Installing Git bash
- Installing nvm
- Why use nvm?
- Installing and updating Vue-cli
- Initializing a new project with Vue-cli
- Setting up code editors to use with Vue
- Working with Vue.js in Sublime Text 3
- Dowloading Sublime Text 3
- Install Package Manager
- Working with Vue.js in VS Code
- Installing VS Code and extensions
- The structure of our Vue-cli-based project
- Adding basic functionality to a child component
- Adding props to our HelloAgain.vue
- Passing data from children to parent components
- Introduction to slots
- Summary
- Filters and Mixins
- Using filters
- An example of a filter that rounds up student grades
- Using filters as a replacement for conditional directives
- Chaining filters in Vue
- Working with mixins
- Building a simple app with repetitive functionality in different components
- Staying DRY with mixins
- Refactoring our viewportSize mixin
- Summary
- Making Your Own Directives and Plugins
- Making our own directives
- Understanding custom directives
- Building a simple custom directive
- Using local directives
- Passing values to custom directives
- Working with Vue plugins
- Creating the simplest possible Vue plugin
- Creating a plugin with options defined
- Publishing a Vue plugin
- Adding a simple plugin
- Installing our NPM plugin in a Vue project using Vue CLI 3
- Additional plugins to learn from
- Summary
- Transitions and Animations
- Transitions and animations in CSS
- How CSS transitions work
- How CSS animations work
- Differences between transitions and animations in CSS
- Rules for CSS transitions
- Rules for CSS animations
- The transition element in Vue
- Setting up the enter transition
- Setting up the leave transition
- Naming transition components
- CSS animations with transition component
- Custom transition classes
- Combining transition modes duration keys and v-if
- Binding CSS styles in Vue
- Animating a button on click with dynamic CSS classes
- Working with transition groups
- JavaScript animation hooks
- Summary
- Using Vuex
- What is state?
- State management data stores and one-way data flows
- The Vuex state management pattern
- The store
- Getters in the Vuex store
- Vuex store mutations
- Actions in Vuex store
- Hot reloading
- Building a fruit counter app with Vuex
- Using the Vue DevTools plugin to track our Vuex state
- Improving our fruit counter app
- Summary
- Using Nuxt.js and Vue-Router
- Single-page applications and server-side rendering
- Installing Nuxt.js and previewing the default project
- Installing Nuxt.js with the vue init command
- Debugging an eslint error
- Installing with create-nuxt-app
- Editing the index.vue file
- Nuxt pages as routes
- Adding navigation to Nuxt apps via the components folder
- Adding content to our Nuxt app's pages
- Adding page transitions to our Nuxt.js app
- Summary
- Other Books You May Enjoy
- Leave a review - let other readers know what you think 更新時間：2021-06-24 18:24:14
推薦閱讀
- EJB 3.1從入門到精通
- 電子政務(wù)效益的經(jīng)濟分析與評價
- 物聯(lián)網(wǎng)安全與深度學(xué)習(xí)技術(shù)
- 計算機網(wǎng)絡(luò)安全實訓(xùn)教程（第二版）
- Proxmox High Availability
- JBoss EAP6 High Availability
- 物聯(lián)網(wǎng)概論（第2版）
- Hands-On Full Stack Development with Spring Boot 2 and React（Second Edition）
- SD-WAN架構(gòu)與技術(shù)（第2版）
- Mastering JavaFX 10
- 面向5G-Advanced的關(guān)鍵技術(shù)
- Getting Started with nopCommerce
- 物聯(lián)網(wǎng)工程導(dǎo)論（第3版）
- 轉(zhuǎn)化：提升網(wǎng)站流量和轉(zhuǎn)化率的技巧
- 5G技術(shù)核心與增強：從R15到R17
- 網(wǎng)絡(luò)空間作戰(zhàn)：機理與籌劃
- 網(wǎng)絡(luò)基本通信約束下的系統(tǒng)性能極限分析與設(shè)計
- 結(jié)構(gòu)化決策力：成為你想成為的自己
- Cisco/H3C交換機高級配置與管理技術(shù)手冊
- 華為HCIA路由與交換技術(shù)實戰(zhàn)
- 三天讀懂互聯(lián)網(wǎng)思維
- Using CiviCRM（Second Edition）
- Igor Pro實用教程：圖表繪制、數(shù)據(jù)分析與程序設(shè)計
- Learning iBeacon
- 圖解HTTP
- 計算機網(wǎng)絡(luò)原理與應(yīng)用（第2版）
- pytest Quick Start Guide
- 網(wǎng)絡(luò)信息安全實訓(xùn)
- 局域網(wǎng)組網(wǎng)技術(shù)
- Phoenix Web Development
