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

How to actually build your own website (pt.2 ) deployment

Roll Your Own i18n Solution with React and Redux

How to use useCallback in React

Design Patterns With TypeScript Examples: Facade

React Router hooks

React can get with this. react can’t get with that.

4 Ways For Debugging Angular Application

Multi-label Classification Practice: 1.Crawling the Data on Tiffany & Co.

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

Deploy Vue.js app on AWS S3 + CloudFront distribution + custom domain + route 53

WSL2 Node Nginx Setup

How to install and Secure Redis on Ubuntu 22.04

Use NGINX hosting static websites