Introduction to the Vue.JS framework

  1. Routing library — used when developing single page applications
  2. Resource library — used to make HTTP requests
  3. Validator and form — for collecting input information
  4. UI components — used to customize the user interface

Install Vue.JS

Developer Tools

  1. CDN
  2. NPM
  3. CLI

CDN

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>

NPM

# latest stable
$ npm install vue

CLI

Writing Your First Program: Hello World in Vue

<script src="https://unpkg.com/vue@2.1.4/dist/vue.js"></script>
new Vue ({
el: ''
});
new Vue ({
el: '#app'
});
<div id="app"></div>
new Vue ({
el: '#app',
data: {
message: 'Hello World!'
}
});
<div id="app">
<h1>{{ }}</h1>
</div>
<div id="app">
<h1>{{ message }}</h1>
</div>
JavaScript
new Vue ({
el: '#app',
data: {
message: 'Hello World!'
}
});
HTML
<script src="https://unpkg.com/vue@2.1.4/dist/vue.js"></script>
<div id="app">
<h1>{{ message }}</h1>
</div>

Hello World!

--

--

--

Follow me to keep abreast with the latest technology news, industry insights, and developer trends. Alibaba Cloud website:https://www.alibabacloud.com

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

IIS Redirects, Rewrite Rules and Rewrite Maps

Minifiying JS files

React Context and React-Tracked

Adding Meta Tags to Gastby

Invoice Application Backend Using ApsaraDB for MongoDB

Programmatically sign in with Facebook into a web site

Let's talk about AJAX… 30daysofJavaScript ==> Day 25

React: React is javascript library for building UI .It

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Alibaba Cloud

Alibaba Cloud

Follow me to keep abreast with the latest technology news, industry insights, and developer trends. Alibaba Cloud website:https://www.alibabacloud.com

More from Medium

How to install and Secure Redis on Ubuntu 22.04

Stores with Dependency Injection in Vue 2 with Inversify

Install Node.js using NVM on Ubuntu

Running RabbitMQ in Linux containers on Windows using Docker Compose

RabbitMQ Management