最新章節(jié)
- Summary
- Understanding reactivity
- Prop validation
- Pattern – Container/Presentational components
- Template expressions
- Naming components – Anti-pattern
品牌：中圖公司
上架時間：2021-06-24 17:54:37
出版社：Packt Publishing
本書數(shù)字版權(quán)由中圖公司提供，并由其授權(quán)上海閱文信息技術(shù)有限公司制作發(fā)行
- Summary 更新時間：2021-06-24 18:33:47
- Understanding reactivity
- Prop validation
- Pattern – Container/Presentational components
- Template expressions
- Naming components – Anti-pattern
- Using data as an object - Anti-Pattern
- Mutating property arrays
- What should we do instead?
- Children mutating props – Anti-pattern
- What can we change about this to make it better?
- Communication – Anti-pattern
- Components
- Patterns
- Summary
- SPA mode
- Static
- Building for production
- Transitions
- Adding recipes
- Plugins
- Error page
- Category detail
- Categories
- asyncData
- The Mock REST API
- Layouts
- Navigating between routes
- Navigation
- Nuxt configuration
- Directory structure
- Creating a Nuxt project
- Nuxt
- Server-Side Rendering with Nuxt
- Summary
- Service worker
- Automatic deployment to Firebase
- Configuring Travis
- Connecting to Travis CI
- Creating a Git repository
- Unit tests
- Continuous Integration (CI)
- Firebase deployment
- Testing on a device
- Web application manifest
- Progressive Web Applications (PWAs)
- Optimization
- Summary
- Using Wallaby.js for a better testing experience
- Testing events
- Click events
- Adding new features
- Vue options
- Writing tests
- Creating a TodoList
- Setting up vue-test-utils
- Unit testing
- Why testing?
- Testing Vue.js Applications
- Summary
- Modules and scalability
- Vuex and Vue devtools
- Payloads
- Combining elements
- Getters
- Mutations
- Actions
- Defining action types
- Creating a new store
- Using Vuex
- Thinking about state
- State Management Pattern (SMP)
- What is Vuex?
- State Management with Vuex
- Summary
- Child routes
- Creating a detail page
- Getting data from an API
- Creating the UserList route
- Defining routes
- Enabling the router
- An SPA project
- Lazy loading routes
- router.go
- router.replace
- Programmatic navigation
- Resolution stack
- afterEach
- beforeResolve
- beforeEach
- Global router hooks
- beforeRouteLeave
- beforeRouteEnter
- beforeRouteUpdate
- Component Navigation Guards
- Route props
- Dynamic routes
- Creating routes
- Using the router
- Single Page Applications
- Vue Router Patterns
- Summary
- Nodemon
- Server-side events with Socket.io
- Adding messages to the list
- Message list
- Navigation bar
- Creating a connection status bar
- Determining connection status
- Setting up Vue and Socket.io
- Client connections
- Server setup
- What is Socket.io?
- Real-time chat application with Node and Socket.io
- HTTP DELETE
- HTTP PUT
- HTTP POST
- HTTP GET
- Installing JSON server
- HTTP
- HTTP and WebSocket Communication
- Summary
- JSX
- Components and props
- Attributes
- Rendering elements
- Render/functional components
- Form submission
- Password validation
- Displaying form errors
- Using Vuelidate
- What is Vuelidate?
- Form validation
- Transition states
- Transitions
- Using Animate.css
- Animate.css
- CSS animations
- Animations
- Creating Better UI
- Summary
- Named slots
- Defaults
- Slots
- Event Bus
- Sending event values
- Custom events
- Configuring property values
- Component communication
- Registering a component locally
- Scoped styles
- Registering components globally
- Your first Vue component
- Secured Communication with Vue.js Components
- Summary
- Globally registered filters
- Locally registered filters
- Filters
- v-else-if
- v-else
- v-if
- v-show
- Conditionally showing DOM elements
- Event modifiers
- Key modifiers
- DOM events and v-on
- Style bindings
- Adding secondary properties
- Bindings
- Iteration with v-for
- Model
- Vue.js Directives
- Summary
- Virtual DOM
- DOM
- Vue.js and the Virtual DOM
- Lifecycle hooks
- Watched properties
- Computed properties
- Data properties
- How Vue handles 'this'
- How 'this' works within JavaScript
- Proxying
- Writing Clean and Lean Code with Vue
- Summary
- Virtual DOM
- DOM
- Vue.js and the Virtual DOM
- Lifecycle hooks
- Watched properties
- Computed properties
- Data properties
- How Vue handles 'this'
- How 'this' works within JavaScript
- Proxying
- Summary
- Integrating with Vue
- What is RxJS?
- RxJS and Vue
- Computed
- Properties
- Lifecycle hooks
- TypeScript and Vue
- VueJS devtools
- Loading modules without Webpack
- Vue-loader
- JavaScript modules
- Vue CLI
- Vue 2 Snippets
- Vetur
- Visual Studio Code extensions
- Proper Creation of Vue Projects
- Summary
- Conclusion
- Server-Side Rendering (SSR)
- Mobile development
- Angular
- React
- How Vue.js compares
- Vue CLI
- Installing the Vue devtools
- Browser
- Editor
- Installing Node via Homebrew
- Mac
- Windows
- Prerequisites
- Vue.js Principles and Comparisons
- Reviews
- Get in touch
- Conventions used
- Download the color images
- Download the example code files
- To get the most out of this book
- What this book covers
- Who this book is for
- Preface
- Packt is searching for authors like you
- About the reviewer
- About the author
- Contributors
- PacktPub.com
- Why subscribe?
- Packt Upsell
- Title Page
- coverpage
- coverpage
- Title Page
- Packt Upsell
- Why subscribe?
- PacktPub.com
- Contributors
- About the author
- About the reviewer
- 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
- Vue.js Principles and Comparisons
- Prerequisites
- Windows
- Mac
- Installing Node via Homebrew
- Editor
- Browser
- Installing the Vue devtools
- Vue CLI
- How Vue.js compares
- React
- Angular
- Mobile development
- Server-Side Rendering (SSR)
- Conclusion
- Summary
- Proper Creation of Vue Projects
- Visual Studio Code extensions
- Vetur
- Vue 2 Snippets
- Vue CLI
- JavaScript modules
- Vue-loader
- Loading modules without Webpack
- VueJS devtools
- TypeScript and Vue
- Lifecycle hooks
- Properties
- Computed
- RxJS and Vue
- What is RxJS?
- Integrating with Vue
- Summary
- Proxying
- How 'this' works within JavaScript
- How Vue handles 'this'
- Data properties
- Computed properties
- Watched properties
- Lifecycle hooks
- Vue.js and the Virtual DOM
- DOM
- Virtual DOM
- Summary
- Writing Clean and Lean Code with Vue
- Proxying
- How 'this' works within JavaScript
- How Vue handles 'this'
- Data properties
- Computed properties
- Watched properties
- Lifecycle hooks
- Vue.js and the Virtual DOM
- DOM
- Virtual DOM
- Summary
- Vue.js Directives
- Model
- Iteration with v-for
- Bindings
- Adding secondary properties
- Style bindings
- DOM events and v-on
- Key modifiers
- Event modifiers
- Conditionally showing DOM elements
- v-show
- v-if
- v-else
- v-else-if
- Filters
- Locally registered filters
- Globally registered filters
- Summary
- Secured Communication with Vue.js Components
- Your first Vue component
- Registering components globally
- Scoped styles
- Registering a component locally
- Component communication
- Configuring property values
- Custom events
- Sending event values
- Event Bus
- Slots
- Defaults
- Named slots
- Summary
- Creating Better UI
- Animations
- CSS animations
- Animate.css
- Using Animate.css
- Transitions
- Transition states
- Form validation
- What is Vuelidate?
- Using Vuelidate
- Displaying form errors
- Password validation
- Form submission
- Render/functional components
- Rendering elements
- Attributes
- Components and props
- JSX
- Summary
- HTTP and WebSocket Communication
- HTTP
- Installing JSON server
- HTTP GET
- HTTP POST
- HTTP PUT
- HTTP DELETE
- Real-time chat application with Node and Socket.io
- What is Socket.io?
- Server setup
- Client connections
- Setting up Vue and Socket.io
- Determining connection status
- Creating a connection status bar
- Navigation bar
- Message list
- Adding messages to the list
- Server-side events with Socket.io
- Nodemon
- Summary
- Vue Router Patterns
- Single Page Applications
- Using the router
- Creating routes
- Dynamic routes
- Route props
- Component Navigation Guards
- beforeRouteUpdate
- beforeRouteEnter
- beforeRouteLeave
- Global router hooks
- beforeEach
- beforeResolve
- afterEach
- Resolution stack
- Programmatic navigation
- router.replace
- router.go
- Lazy loading routes
- An SPA project
- Enabling the router
- Defining routes
- Creating the UserList route
- Getting data from an API
- Creating a detail page
- Child routes
- Summary
- State Management with Vuex
- What is Vuex?
- State Management Pattern (SMP)
- Thinking about state
- Using Vuex
- Creating a new store
- Defining action types
- Actions
- Mutations
- Getters
- Combining elements
- Payloads
- Vuex and Vue devtools
- Modules and scalability
- Summary
- Testing Vue.js Applications
- Why testing?
- Unit testing
- Setting up vue-test-utils
- Creating a TodoList
- Writing tests
- Vue options
- Adding new features
- Click events
- Testing events
- Using Wallaby.js for a better testing experience
- Summary
- Optimization
- Progressive Web Applications (PWAs)
- Web application manifest
- Testing on a device
- Firebase deployment
- Continuous Integration (CI)
- Unit tests
- Creating a Git repository
- Connecting to Travis CI
- Configuring Travis
- Automatic deployment to Firebase
- Service worker
- Summary
- Server-Side Rendering with Nuxt
- Nuxt
- Creating a Nuxt project
- Directory structure
- Nuxt configuration
- Navigation
- Navigating between routes
- Layouts
- The Mock REST API
- asyncData
- Categories
- Category detail
- Error page
- Plugins
- Adding recipes
- Transitions
- Building for production
- Static
- SPA mode
- Summary
- Patterns
- Components
- Communication – Anti-pattern
- What can we change about this to make it better?
- Children mutating props – Anti-pattern
- What should we do instead?
- Mutating property arrays
- Using data as an object - Anti-Pattern
- Naming components – Anti-pattern
- Template expressions
- Pattern – Container/Presentational components
- Prop validation
- Understanding reactivity
- Summary 更新時間：2021-06-24 18:33:47
