舉報(bào) 
會(huì)員
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 更新時(shí)間：2021-06-24 18:24:14
推薦閱讀
- 計(jì)算機(jī)網(wǎng)絡(luò)與通信(第2版)
- Modern JavaScript Web Development Cookbook
- 物聯(lián)網(wǎng)智慧安監(jiān)技術(shù)
- Socket.IO Real-time Web Application Development
- C/C++串口通信：典型應(yīng)用實(shí)例編程實(shí)踐
- 新手易學(xué)：新手學(xué)淘寶開(kāi)店
- 人人都該都懂的互聯(lián)網(wǎng)思維
- 網(wǎng)絡(luò)工程實(shí)施技術(shù)與方案大全
- 一本書(shū)讀懂物聯(lián)網(wǎng)
- 網(wǎng)絡(luò)空間全球治理觀察
- 趣話通信：6G的前世、今生和未來(lái)
- Building Microservices with Spring
- 一本書(shū)讀懂移動(dòng)物聯(lián)網(wǎng)
- Architecting Data：Intensive Applications
- 結(jié)網(wǎng)@改變世界的互聯(lián)網(wǎng)產(chǎn)品經(jīng)理（修訂版）
- XSS跨站腳本攻擊剖析與防御
- 賽博空間簡(jiǎn)史
- 網(wǎng)絡(luò)是怎樣連接的
- 深入理解Kubernetes網(wǎng)絡(luò)系統(tǒng)原理
- Hands-On Full Stack Web Development with Angular 6 and Laravel 5
- Exchange Server 2010 SP1/SP2管理實(shí)踐
- OCF技術(shù)原理及物聯(lián)網(wǎng)程序開(kāi)發(fā)指南
- 揭秘：物聯(lián)網(wǎng)原理、實(shí)踐與解決方案 （清華開(kāi)發(fā)者書(shū)庫(kù)）
- 網(wǎng)絡(luò)綜合布線實(shí)訓(xùn)教程（第四版）
- CSS世界
- 中國(guó)物聯(lián)網(wǎng)產(chǎn)業(yè)發(fā)展概況
- 鏈接與分享：中國(guó)互聯(lián)網(wǎng)站分類研究
- Go Web Development Cookbook
- Infinispan Data Grid Platform
- DEM插值算法適應(yīng)性理論與方法
