Apa itu Vue.js

Vue (diucapkan /vjuː/, seperti view) adalah progressive framework atau library JavaScript yang digunakan untuk untuk membuat tampilan (interface) pada website agar tampak lebih interaktif.

Rilis dan versi

• Initial (v0.10) tahun 2014
• v1.0 tahun 2015
• v2.0 tahun 2016
• v2.6 (sekarang)
• v3.0 tahun 2020*

* hanya vue-core saja yang stabil.

Fitur Vue.js

Components

Components digunakan untuk membuat berbagai elemen pada HTML secara custom. Elemen custom ini juga dapat digunakan secara berulang – ulang.

Computed Properties

Computed properties digunakan untuk melihat setiap perubahan yang terjadi dalam elemen user interface tanpa harus melakukan penambahan kode di dalamnya.

Data Binding

Digunakan untuk memanipulasi dan memberikan nilai (value) pada atribut HTML. Sebagai contoh, mengubah style dengan menggunakan bantuan binding directives, yaitu V-Bind.

Directives

Berfungsi untuk melakukan berbagai aksi (action) pada antarmuka front end website. Contoh perintah bawaan yang digunakan adalah v-if, v-else, v-model, dan lainnya.

Event Handling

Directive v-on yang berfungsi sebagai atribut yang dapat ditambahkan ke dalam suatu elemen DOM untuk sebuah event pada Vue JS.

Routing

Fitur ini berfungsi untuk menghubungkan satu halaman dengan halaman lainnya. Kamu juga bisa menggunakan fitur ini untuk membuat website Single Page Application..

Instalasi Vue

The easiest way to try out Vue.js is using the Hello World example.

or

Code

									

	{{ salam }}

								

									const app = new Vue({
	el: '#app',
	data: {
		salam: 'Hey-o-whatzupp guys.'
	}
})
								

Hey-o-whatzupp guys.

Kesimpulan