\newline Logo
Left arrow icon.
Go to Previous Chapter
Go to Previous Chapter
SECTION 6Composition API
Course Thumbnail of Fullstack Vue.Fullstack Vue
  • CHAPTER 1
    Form Handling
    • SECTION 1.1Introduction
    • SECTION 1.2Forms 101
    • SECTION 1.3Preparation
    • SECTION 1.4The Basic Button
    • SECTION 1.5Text Input
    • SECTION 1.6Multiple Fields
    • SECTION 1.7Validations
    • SECTION 1.8Async Persistence
    • SECTION 1.9Vuex
    • SECTION 1.10Form Modules
  • CHAPTER 2
    Single-file components
    • SECTION 2.1Introduction
    • SECTION 2.2Setting up our development environment
    • SECTION 2.3Getting started
    • SECTION 2.4Single-File Components
    • SECTION 2.5Breaking the app into components
    • SECTION 2.6Managing data between components
    • SECTION 2.7Simple State Management
    • SECTION 2.8Steps to building Vue apps from scratch
    • SECTION 2.9Step 1: A static version of the app
    • SECTION 2.10Step 2: Breaking the app into components
    • SECTION 2.11Step 3: Hardcode Initial States
    • SECTION 2.12Step 4: Create state mutations (and corresponding component actions)
    • SECTION 2.13The Calendar App
    • SECTION 2.14Methodology review
  • CHAPTER 3
    Introduction to Vuex
    • SECTION 3.1Recap
    • SECTION 3.2What is Flux?
    • SECTION 3.3Flux implementations
    • SECTION 3.4Vuex
    • SECTION 3.5Refactoring the note-taking app
    • SECTION 3.6Vuex Store
    • SECTION 3.7Building the components
  • CHAPTER 4
    Changelog
    • CHAPTER 5
      Fullstack Vue Screencast
      • SECTION 5.1Building SimpleCoinCap
      • SECTION 5.2Agenda
      • SECTION 5.3Updates with the new API
    • CHAPTER 6
      Composition API
      • SECTION 6.1Why do need the Composition API?
      • SECTION 6.2What is the Composition API?
      • SECTION 6.3Building a simple listings app
      • SECTION 6.4app/
      • SECTION 6.5Updating <App />
      • SECTION 6.6Updating <ListingsList />
      • SECTION 6.7Updating <ListingsListItem />
      • SECTION 6.8Notifications
      • SECTION 6.9Dark Mode
      • SECTION 6.10The Store
      • SECTION 6.11Conclusion
    • CHAPTER 7
      Unit Testing
      • SECTION 7.1End-to-end vs. Unit Testing
      • SECTION 7.2Testing tools
      • SECTION 7.3Testing a basic Vue component
      • SECTION 7.4Setup
      • SECTION 7.5Testing App
      • SECTION 7.6vue-test-utils
      • SECTION 7.7More assertions for App.vue
      • SECTION 7.8Writing tests for a weather app
      • SECTION 7.9Store
      • SECTION 7.10Further reading
    • CHAPTER 8
      Your first Vue.js Web Application
      • SECTION 8.1Building UpVote!
      • SECTION 8.2Development environment setup
      • SECTION 8.3JavaScript ES6/ES7
      • SECTION 8.4Getting started
      • SECTION 8.5Setting up the view
      • SECTION 8.6Making the view data-driven
      • SECTION 8.7List rendering
      • SECTION 8.8Sorting
      • SECTION 8.9Event handling (our app's first interaction)
      • SECTION 8.10Components
      • SECTION 8.11v-bind and v-on shorthand syntax
      • SECTION 8.12Congratulations!
    • CHAPTER 9
      Custom Events
      • SECTION 9.1Introduction
      • SECTION 9.2JavaScript Custom Events
      • SECTION 9.3Vue Custom Events
      • SECTION 9.4Event Bus
      • SECTION 9.5Custom events and managing data
      • SECTION 9.6Summary
    • CHAPTER 10
      How to Get the Most Out of This Book
      • SECTION 10.1Overview
      • SECTION 10.2Vue 3.x
      • SECTION 10.3Running Code Examples
      • SECTION 10.4Code Blocks and Context
      • SECTION 10.5Instruction for Windows users
      • SECTION 10.6Live online community
      • SECTION 10.7Getting Help
      • SECTION 10.8Emailing Us
      • SECTION 10.9Get excited!
    • CHAPTER 11
      Routing
      • SECTION 11.1What is routing?
      • SECTION 11.2URL
      • SECTION 11.3Single-page applications
      • SECTION 11.4Basic Vue Router
      • SECTION 11.5Dynamic Route Matching
      • SECTION 11.6The Server API
      • SECTION 11.7Starting point of the app
      • SECTION 11.8Integrating vue-router
      • SECTION 11.9Supporting authenticated routes
      • SECTION 11.10Implementing login
      • SECTION 11.11Vue Watchers
      • SECTION 11.12Navigation Guards
      • SECTION 11.13Recap and further reading
    • CHAPTER 12
      Vue Apollo & GraphQL
      • SECTION 12.1GraphQL
      • SECTION 12.2Consuming GraphQL
      • SECTION 12.3The GraphQL API we'll be working with
      • SECTION 12.4Vue Apollo
    • CHAPTER 13
      TypeScript
      • SECTION 13.1What is TypeScript?
      • SECTION 13.2Vue & TypeScript
      • SECTION 13.3Annotating Props
      • SECTION 13.4Conclusion
    • CHAPTER 14
      Vuex and Servers
      • SECTION 14.1Introduction
      • SECTION 14.2Preparation
      • SECTION 14.3The Server API
      • SECTION 14.4Playing with the API
      • SECTION 14.5Client and server
      • SECTION 14.6Preparing the application
      • SECTION 14.7The Vuex Store
      • SECTION 14.8productModule
      • SECTION 14.9cartModule
      • SECTION 14.10Interactivity
      • SECTION 14.11Vuex and medium to large scale applications
      • SECTION 14.12Recap
    Right arrow icon.
    Go to Next Chapter
    Go to Next Chapter
    SECTION 8Your first Vue.js Web Application
    • Go Pro
    • Log In

    Unit Testing

    Table of Contents
    • Section 7.1End-to-end vs. Unit Testing
    • Section 7.2Testing tools
    • Section 7.3Testing a basic Vue component
    • Section 7.4Setup
    • Section 7.5Testing App
    • Books
    • Fullstack Vue
    • Unit Testing
    • Go To Previous Lesson
      Composition API
      Composition API
    • Go To Next Lesson
      Your first Vue.js Web Application
      Your first Vue.js Web Application