舉報 
會員
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
推薦閱讀
- 計算機網絡與通信(第2版)
- 連接未來：從古登堡到谷歌的網絡革命
- 自動駕駛網絡：自智時代的網絡架構
- EDA技術與VHDL編程
- 網管員典藏書架：網絡管理與運維實戰寶典
- JBoss EAP6 High Availability
- PLC、現場總線及工業網絡實用技術速成
- Yii Application Development Cookbook（Second Edition）
- 數字調制解調技術的MATLAB與FPGA實現：Altera/Verilog版（第2版）
- 網管員必讀：網絡管理（第2版）
- Kong網關：入門、實戰與進階
- Echo Quick Start Guide
- Android UI Design
- Learning Node.js Development
- 5G時代的大數據技術架構和關鍵技術詳解
- 5G技術核心與增強：從R15到R17
- 工業以太網技術：AFDX/TTE網絡原理、接口、互連與安全
- Corona SDK Application Design
- 巧學活用CISCO網絡典型配置
- 物聯網：感知、傳輸與應用
- 局域網組建與維護項目教程
- EtherCAT工業以太網應用技術
- 人人時代：無組織的組織力量
- Learn Microsoft PowerApps
- HTML、CSS和JavaScript入門經典
- 內容分發網絡(CDN)關鍵技術、架構與應用
- 跬步千里：通信監管的探索歷程
- 下一代互聯網
- 大型網站運維：從系統管理到SRE
- DEM插值算法適應性理論與方法
