Index
A
- active record design pattern / Eloquent ORM
- advanced features, Vue
- about / Advanced features
- single-file components / Single-file components
- module build / Module build
- server-side rendering / Server-side rendering
- API authentication
- about / API authentication
- OAuth / OAuth
- Laravel Passport / Laravel Passport
- tokens, attaching / Attaching tokens
- App component / App component
- asset compilation / Asset compilation
- authentication state, passing to front end
- about / Passing authentication state to the frontend
- auth meta property / auth meta property
- response, to authenticated state / Responding to authenticated state
B
- basic features, Vue
- about / Basic features
- installation / Installation
- templates / Templates
- directives / Directives
- reactivity / Reactivity
- components / Components
- BrowserSync / BrowserSync
C
- casting / Casting
- CDN
- data, reading from / Reading from the CDN
- using, in Laravel / Using the CDN in Laravel
- using, in Vue / Using the CDN in Vue
- cdn helper / CDN helper
- CDN URL
- setting / Setting the CDN URL
- ClearDB database
- default string length / Default string length
- configuration / Configuration
- component-based Vue.js app
- about / Content distribution
- slots / Slots
- modal window / Modal window
- ref / Refs
- header image / Header image
- feature lists / Feature lists
- scoped slots / Scoped slots
- expandable text / Expandable text
- components
- about / Components, Components
- registration / Registration
- data / Data
- registration scope / Registration scope
- carousel controls / Carousel controls
- communicating with / Communicating with components
- props / Props
- one-way data flow / One-way data flow
- dynamic props / Dynamic props
- image URLs / Image URLs
- carousel controls, distinguishing / Distinguishing carousel controls
- custom events / Custom events
- carousel images, modifying / Changing carousel images
- Composer install / Composer install
- Content Delivery Network (CDN) / Content distribution networks
- controller / Controller
- CSS / CSS
- CSS, Vuebnb prototype migration
- about / CSS
- font styles / Font styles
D
- database
- about / Database
- saved items, retrieving from / Retrieving saved items from the database
- development tools
- about / Development tools
- watch mode / Watch mode
- BrowserSync / BrowserSync
- directives
- about / Directives
- usage / Usage
- expressions / Expressions
- v-if directives / Example: v-if
- arguments / Arguments
E
- Eloquent ORM / Listing model
- environment variables / Environment variables
- ES2015
- event modifiers / Event modifiers
F
- files
- uploading, with FTP / Uploading files with FTP
- Flux application architecture
- FTP
- files, uploading with / Uploading files with FTP
- FTP scripts
- environment variables / Environment variables
- image skip / Skipping images
- running / Running the FTP script
G
- getters / Getters and setters
H
- hard-coded image URLs
- replacing / Replacing the hard-coded image URLs
- header image
- about / Header image
- style binding / Style binding, Style binding (continued)
- directives / Directives
- Heroku
- about / Heroku
- CLI / CLI
- app, creating / Creating an app
- source code / Source code
- environment variables / Environment variables
- database, creating / Creating a database
- web server configuration / Configuring a web server
- Passport keys / Passport keys
- database, seeding / Migration and seed
- tables, migrating / Migration and seed
- Heroku Dev Center
- reference / Creating an app
- home page
- creating, for Vuebnb / Home page
- home route, Vuebnb
- about / Home route
- initial state / Initial state
- refactoring / Refactoring
- home page initial state / Home page initial state
- thumbnail, adding / Adding the thumbnail
- client, receiving / Receiving in the client
- HTML, Vuebnb prototype migration
- syntax clash / Syntax clash
I
- image carousel
- about / Image carousel
- images, modifying / Changing images
- image links / Image links
- Image modal window
- about / Image modal window
- opening / Opening
- markup, adding / Window
- main window, disabling / Disabling the main window
- closing / Closing
- images
- about / Images
- accessing / Accessing images
- image slider
- summary, listing / Listing summary image slider
- slider, adding / Adding the slider
- translating / Translate
- carousel controls / Carousel controls
- implementing / Finishing touches
- in-app navigation
- about / In-app navigation
- path, adding to model / Adding a path to the model
- route navigation guards / Route navigation guards, next
- HomePage component / HomePage component
- Home API endpoint / Home API endpoint
- axios / Axios
- mixins / Mixins
- solution, moving to mixin / Moving the solution to a mixin
- assignData / assignData
- listing page, linking / Linking to the listing page
J
- JavaScript / JavaScript
- JavaScript, Vuebnb prototype migration
- about / JavaScript
- mock data dependency / Mock data dependency
- modules, displaying with Webpack / Displaying modules with Webpack
- Vue.js dependency / Vue.js dependency
K
L
- Laravel
- about / Laravel
- for web-based projects / Laravel
- reference / Laravel
- and Vue / Laravel and Vue
- CDN, using in / Using the CDN in Laravel
- Laravel frontend
- about / Laravel frontend
- JavaScript / JavaScript
- CSS / CSS
- node modules / Node modules
- views / Views
- Laravel Mix / Laravel Mix
- Laravel Passport / Laravel Passport
- lifecycle hooks / Lifecycle hooks
- ListingPage
- save feature, adding to / Adding to ListingPage
- ListingSave component
- about / ListingSave component
- saved state / Saved state
- mutator method / Mutator method
- mutator state / Mutator method
- icon, modifying for state reflection / Changing the icon to reflect the state
- button, making / Making ListingSave a button
- ListingSummary component / ListingSummary component
- Lists section
- about / Lists section
- list rendering / List rendering
- icons / Icons
- price list / Prices
- LoginPage component / LoginPage component
- login system
- working / Login system
- server routes / Server routes
- CSRF protection / CSRF protection
- authentication links, adding to toolbar / Adding authentication links to the toolbar
- saved route, protecting / Protecting the saved route
M
- main window
- disabling / Disabling the main window
- dimming / Dimming the main window
- body scroll, preventing / Preventing body scroll
- methods / Methods
- migration
- mock data
- loading / Loading the mock data
- inserting / Inserting the data
- about / Mock data
- routes / Routes
- architecture / Architecture
- data injection / Injecting data
- JSON / JSON
- data, sharing between scripts / Sharing data between scripts
- hard-coded model, replacing / Replacing the hard-coded model
- image URLs / Image URLs
- mock listings
- seeding / Seeding mock listings
- model
- listing / Listing model
- module build / Module build
- mount element / Vue's mount element
- MySQL / Database
N
- node modules / Node modules
- NPM scripts / NPM scripts
O
- OAuth
- about / OAuth
- reference / Laravel Passport
- Object-Relational Mapping (ORM) / Eloquent ORM
P
- page content
- about / Page content
- Vue instance / The Vue instance
- data binding / Data binding
- mock listing / Mock listing
- page state
- retrieving, from Vuex / Retrieving page state from Vuex
- checking / Checking if page state is in the store
- page state, moving into store
- about / Moving page state into the store
- state methods / State and mutator methods
- mutator methods / State and mutator methods
- router / Router
- getters / Getters
- polyfills / Polyfills
- production build / Production build
- proxies properties / Proxied properties
- public interface / Public interface
R
- reactive data properties / Reactive data properties
- reactivity system / Reactivity
- relational database
- setting up / Database
- remove listener / Removing listener
- root-level component
- mounting, with render function / Mounting the root-level component with a render function
- routers / Routers
- routes
- creating / Creating routes
S
- saved items
- retrieving, from database / Retrieving saved items from the database
- saved listings, persisting
- about / Persisting saved listings
- API route creation / Creating an API route
- Vuex actions / Vuex actions
- AJAX request / AJAX request
- saved page
- about / Saved page
- toolbar links / Toolbar links
- save feature
- about / Save feature
- adding, to ListingPage / Adding to ListingPage
- schema / Schema
- scroll behavior / Scroll behavior
- seeder
- creating / Creating a seeder
- executing / Executing the seeder
- about / Seeder
- server-side rendering / Server-side rendering
- setters / Getters and setters
- show more UI feature
- about / Show more feature
- class binding / Class binding
- event listener / Event listener
- reactivity / Reactivity
- More button, hiding / Hiding the More button
- single-file components / Single-file components
- Single-Page Application (SPA) / Single-page applications
- Single File Components (SFCs)
- about / Single-file components
- transformation / Transformation
- components, refactoring / Refactoring components to SFCs
- CSS / CSS
- CarouselControl / CarouselControl
- static assets
- serving / Serving static assets
- store
- page state, moving into / Moving page state into the store
T
- templates / Templates
- terminal commands / Terminal commands
U
- user model
- about / User model, Model
- database migration / Migration
- seeder / Seeder
V
- v-if directive / Example: v-if
- views / Views
- virtual DOM
- about / Virtual DOM
- render functions / Render functions
- Vue Loader / Vue Loader
- main template, refactoring as single-file component / Refactoring the main template as single-file component
- root-level component, mounting with render function / Mounting the root-level component with a render function
- Vue.js builds / Vue.js builds
- module system / Module system
- production build / Production builds
- full build, versus runtime-only / Full build vs runtime-only
- build, selecting / Selecting a build
- Vue
- key design principles / Introducing Vue.js
- basic features / Basic features
- advanced features / Advanced features
- and Laravel / Laravel and Vue
- CDN, using in / Using the CDN in Vue
- Vue.js
- about / Introducing Vue.js
- installing / Installing Vue.js
- Vuebnb
- home page / Vuebnb
- listing page / Vuebnb
- installing / Vuebnb
- migrating / Migrating Vuebnb
- routing / Vuebnb routing
- home page, creating / Home page
- home route / Home route
- in-app navigation / In-app navigation
- footer, adding / Adding a footer
- Vuebnb, footer
- adding / Adding a footer
- route object / The route object
- container class, selecting / Dynamically selecting the container class
- Vuebnb project
- serving / Serving the project
- local DNS entry / Local DNS entry
- accessing / Accessing the project
- Vuebnb prototype
- about / Vuebnb prototype
- NPM install method / NPM install
- project, opening in browser / Opening in the browser
- Vuebnb prototype migration
- unnecessary dependencies, removing / Removing unnecessary dependencies and files
- JavaScript / JavaScript
- CSS / CSS
- fonts / Fonts
- images / Images
- Vuebnb room listings / Vuebnb room listings
- Vue Devtools / Vue Devtools
- Vue ecosystem / The Vue ecosystem
- Vue Loader
- reference / Transformation
- Vue Router
- about / Vue Router, Vue Router
- components / Special components
- Vuex
- about / Vuex, Vuex
- installing / Installing Vuex
- page state, retrieving from / Retrieving page state from Vuex
W
- watchers / Watchers
- watch mode / Watch mode
- Webpack
- about / Module build, Webpack
- dependencies / Dependencies
- modules / Modules
- running / Running Webpack
- CLI option / CLI
- first build / First build
- web service / Web service
- window, closing
- Escape key / Escape key