Vue.js

Vue.js is remarkably easy to start using. The easiest way to get started with it is to include Vue in a regular HTML file using its CDN, just like we'd include jQuery in a project. By adding Vue to our site, we can create a div with the id of shoppingList where our Vue app will live. Inside, we can add an h1 saying 'Hi Vue!'. To start using Vue, we need to create a new Vue instance and configure it to use the #shopping-list id. Once Vue is instantiated, we can display Vue data on the page by adding a data property to the config object and using Vue's templating syntax. The reactivity system is one of Vue's most exciting features, allowing us to bind data to elements using directives like v-model. Vue's two-way data binding saves us from manually updating the DOM. We can also interact with Vue instances in the console. Throughout the course, we'll explore everything Vue has to offer while building a shopping list app, preparing us to use Vue in our own projects. Let's dive into the next lesson and experience how fast, easy, and fun it is to work with Vue.

Browse more

Steps to Get Hired as a Vue Developer

Token-Based Authentication in a Web Application

Introduction to Vue.js

Clean Components: Patterns and Methods

Creating Switchable Grid using Vue JS

Creating Custom Code Snippets in Visual Studio Code

Introduction to Vue.js

Introduction to Vue.js

Vue Mastery's Advanced Components Course

Why Choose Vue.js

Vue 3 Reactivity Course Summary

Vue.js Components, Properties, and Data

Binding Style Attribute on an Element

PopOver in a view controller

Understanding an Obscure but Important Change in Vue Router

Getting Started with Vue.js

Choosing the Right JavaScript Framework in 2019

Vue.js

Integration of Vue.js with Django

Vue Basics: Class and Style Binding

Summary of the text

Using Lifecycle Hooks in Vue Application

Summary of Directives