Introduction — Vue.js | vue start
YouarereadingthedocumentationforVue3!Vue2supporthasendedonDec31,2023.LearnmoreaboutVue2EOL[1].UpgradingfromVue2?CheckouttheMigrationGuide[2].WhatisVue?[3]Vue(pronounced/vjuː/,likeview)isaJavaScriptframeworkforbuildinguserinterfaces.ItbuildsontopofstandardHTML,CSS,andJavaScriptandprovidesadeclarative,component-basedprogrammingmodelthathelpsyouefficientlydevelopuserinterfacesofanycomplexity.Hereisaminimalexample:jsimport{createApp}fromvuecreateApp({data(){return{count:0}}}).mount(#app)jsimpor...
You are reading the documentation for Vue 3!
Vue 2 support has ended on Dec 31, 2023. Learn more about Vue 2 EOL[1].Upgrading from Vue 2? Check out the Migration Guide[2].What is Vue? [3]Vue (pronounced /vjuː/, like view) is a JavaScript framework for building user interfaces. It builds on top of standard HTML, CSS, and JavaScript and provides a declarative, component-based programming model that helps you efficiently develop user interfaces of any complexity.
Here is a minimal example:
jsimport { createApp } from vue createApp({ data() { return { count: 0 } } }).mount(#app)jsimport { createApp, ref } from vue createApp({ setup() { return { count: ref(0) } } }).mount(#app)template<div id="app"> <button @click="count++"> Count is: {{ count }} </button> </div>Result
Count is: 0
The above example demonstrates the two core features of Vue:
Declarative Re...