更新时间:2021-06-11 18:12:16
封面
版权信息
About Packt
Why subscribe?
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
Sections
Get in touch
Understanding Vue 3 and Creating Components
What is new in Vue 3
Technical requirements
Upgrading your Vue 2 application to Vue 3
Creating components with multiple root elements
Creating components with attribute inheritance
Using the reactivity and observable API outside the scope of Vue
Creating a component using the composition API
Introducing TypeScript and the Vue Ecosystem
Creating a TypeScript project
Understanding TypeScript
Creating your first TypeScript class
Creating your first project with Vue CLI
Adding plugins to a Vue CLI project with Vue UI
Adding TypeScript to a Vue CLI project
Creating your first TypeScript Vue component with vue-class-component
Creating a custom mixin with vue-class-component
Creating a custom function decorator with vue-class-component
Adding custom hooks to vue-class-component
Adding vue-property-decorator to vue-class-component
Data Binding Form Validations Events and Computed Properties
Creating the "hello world" component
Creating an input form with two-way data binding
Adding an event listener to an element
Removing the v-model from the input
Creating a dynamic to-do list
Creating computed properties and understanding how they work
Displaying cleaner data and text with custom filters
Adding form validation with Vuelidate
Creating filters and sorters for a list
Creating conditional filters to sort list data
Adding custom styles and transitions
Using vue-devtools to debug your application
Components Mixins and Functional Components
Creating a visual template component
Using slots and named slots to place data inside your components
Passing data to your component and validating the data
Creating functional components
Accessing your children components data
Creating a dynamic injected component
Creating a dependency injection component
Creating a component mixin
Lazy loading your components
Fetching Data from the Web via HTTP Requests
Creating a wrapper for the Fetch API as an HTTP client
Creating a random cat image or GIF component
Creating your fake JSON API server with MirageJS
Using axios as the new HTTP client
Creating different axios instances
Creating a request and response interceptor for axios
Creating a CRUD interface with Axios and Vuesax
Managing Routes with vue-router
Creating a simple route
Creating a programmatic navigation
Creating a dynamic router path
Creating a route alias
Creating route redirects
Creating a nested router view
Creating a 404 error page
Creating and applying authentication middleware
Lazy loading your pages asynchronously
Managing the Application State with Vuex
Creating a simple Vuex store
Creating and understanding the Vuex state
Creating and understanding the Vuex mutations
Creating and understanding the Vuex getters
Creating and understanding the Vuex actions
Creating a dynamic component with Vuex
Adding hot-module-reload for development
Creating a Vuex module
Animating Your Application with Transitions and CSS
Creating your first CSS animation
Creating a custom transition class with Animate.css
Creating transactions with custom hooks
Creating animations on page render
Creating animations for lists and groups
Creating a custom transition component
Creating a seamless transition between elements
Creating Beautiful Applications Using UI Frameworks