Please enable JavaScript.
Coggle requires JavaScript to display documents.
Vue (CookBook (Create a CMS-Powered Blog (Install, Quickstart, Display…
Vue
CookBook
Create a CMS-Powered Blog
Install
Quickstart
Display posts
Categories, Tags, and Authors
Alternative Patterns
Wrap up
Adding Instance Properties
Base Example
The Importance of Scoping Instance Properties
Real-World Example: Replacing Vue Resource with Axios
The Context of Prototype Methods
Introduction
The Cookbook vs the Guide
Thank you
Cookbook Contributions
When To Avoid This Pattern
Additional Context
Real-World Example
Details about the Value
Base Example
What we’re looking for
Alternative Patterns
Form Validation
Editable SVG Icon Systems
Unit Testing Vue Components
Creating Custom Scroll Directives
Debugging in VS Code
Using Axios to Consume APIs
Vue.js
Essentials
Installation
Introduction
What is Vue.js?
Getting Started
The Vue Instance
Template Syntax
Computed Properties and Watchers
Class and Style Bindings
Conditional Rendering
List Rendering
Event Handling
Components Basics
Organizing Components
Passing Data to Child Components with Props
A Single Root Element
Listening to Child Components Events
Emitting a Value With an Event
Using v-model on Components
Content Distribution with Slots
Dynamic Components
DOM Template Parsing Caveats
Form Input Bindings
Components In-Depth
Component Registration
Component Names
Name Casing
Global Registration
Transitions & Animation
Reusability & Composition
Tooling
Scaling Up
Vue Router
Essentials
Getting Started
Installation
Introduction
Advanced
CLI
Development
Browser Compatibility
browserslist
Polyfills
useBuiltIns: 'usage'
Polyfills when Building as Library or Web Components
Modern Mode
HTML and Static Assets
HTML
The Index File
Interpolation
Preload
Prefetch
Disable Index Generation
Building a Multi-Page App
Static Assets Handling
Relative Path Imports
URL Transform Rules
The public Folder
When to use the public folder
Working with Webpack
Simple Configuration
Chaining (Advanced)
Modifying Options of a Loader
Adding a New Loader
Replacing Loaders of a Rule
Modifying Options of a Plugin
Inspecting the Project's Webpack Config
Using Resolved Config as a File
Modes and Environment Variables
Modes
Environment Variables
Example: Staging Mode
Using Env Variables in Client-side Code
Local Only Variables
Build Targets
App
Library
Vue vs. JS/TS Entry Files
Web Component
Bundle that Registers Multiple Web Components
Async Web Component
Using vuex in builds
Deployment
General Guidelines
Previewing Locally
Routing with history.pushState
CORS
PWA
Platform Guides
GitHub Pages
GitLab Pages
Netlify
Render
Amazon S3
Firebase
Now
Stdlib
Heroku
Surge
Bitbucket Cloud
Docker (Nginx)
Troubleshooting
Running installation with sudo or as root
Symbolic Links in node_modules
Working with CSS
Referencing Assets
Pre-Processors
Automatic imports
PostCSS
CSS Modules
Passing Options to Pre-Processor Loaders
Basics
Instant Prototyping
vue serve
vue build
Creating a Project
vue create
Using the GUI
Pulling 2.x Templates (Legacy)
Plugins and Presets
Plugins
Installing Plugins in an Existing Project
Project local plugin
Presets
Preset Plugin Versioning
Allowing Plugin Prompts
Remote Presets
Local Filesystem Preset
CLI Service
Using the Binary
vue-cli-service serve
vue-cli-service build
vue-cli-service inspect
Checking All Available Commands
Skipping Plugins
Caching and Parallelization
Git Hooks
Configuration without Ejecting
Installation
Vuex