Movatterモバイル変換


[0]ホーム

URL:


Menu
×
See More 
Sign In
+1 Get Certified Upgrade Teachers Spaces Get Certified Upgrade Teachers Spaces
   ❮   
     ❯   

Vue Tutorial

Vue HOMEVue IntroVue DirectivesVue v-bindVue v-ifVue v-showVue v-forVue EventsVue v-onVue MethodsVue Event ModifiersVue FormsVue v-modelVue CSS BindingVue Computed PropertiesVue WatchersVue Templates

Scaling Up

Vue Why, How and SetupVue First SFC PageVue ComponentsVue PropsVue v-for ComponentsVue $emit()Vue Fallthrough AttributesVue Scoped StylingVue Local ComponentsVue SlotsVue v-slotVue Scoped SlotsVue Dynamic ComponentsVue TeleportVue HTTP RequestVue Template RefsVue Lifecycle HooksVue Provide/InjectVue RoutingVue Form InputsVue AnimationsVue Animations with v-forVue BuildVue Composition API

Vue Reference

Vue Built-in AttributesVue Built-in ComponentsVue Built-in ElementsVue Component InstanceVue DirectivesVue Instance OptionsVue Lifecycle Hooks

Vue Examples

Vue ExamplesVue ExercisesVue QuizVue SyllabusVue Study PlanVue ServerVue Certificate

VueTutorial

Learn Vue

Vue is a popular JavaScript framework.

User interfaces built in Vue updates automatically when data changes.

Vue is easy to learn.

Start learning Vue now »

Tip:Sign in to track your progress.


This Tutorial

This tutorial is specially designed to help you learn Vue as quickly and efficiently as possible.

First, you will learn the basics of Vue: text interpolation, directives, and how to incorporate events and forms into your project.

Then you will learn everything else you need to know about Vue:

Computed properties, watchers, methods, setup for Single-File Components (SFCs, *.vue files), and more.


Try it Yourself Examples in Every Chapter

In every chapter, you can edit the examples online, and click on a button to view the result.

Example

<h1>"Hello, World!" Example</h1>

<div id="app">{{ message }}</div>
Try it Yourself »


What You Should Already Know

Before you study Vue, you should have a basic understanding of:


Vue History

Evan You, a Google employee using AngularJS, started to develop Vue in 2013.

Vue version 1.0 was released in 2015.


Vue Exercises

Test Yourself With Exercises

Exercise:

What is the name of the programming language missing here?

Vue is a popular framework.

Start the Exercise


Vue Quiz ?

Learn by taking a quiz! The quiz will give you a signal of how much you know about Vue.

Start Vue Quiz


Track Your Progress

Create a W3Schools account and get access to more features and learning materials:

  • CheckmarkView your completed tutorials, exercises, and quizzes
  • CheckmarkKeep an eye on your progress and daily streaks
  • CheckmarkJoin the leaderboard and compete with others
  • CheckmarkGet your own avatar and unlock new skins
  • CheckmarkCreate your own personal website

Sign Up »

Note: This is an optional feature. You can study at W3Schools without creating an account.


Learn by Examples

Learn by examples! This tutorial supplements all explanations with clarifying examples.

See All Vue Examples




×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness
of all content. While using W3Schools, you agree to have read and accepted ourterms of use,cookies andprivacy policy.

Copyright 1999-2025 by Refsnes Data. All Rights Reserved.W3Schools is Powered by W3.CSS.


[8]ページ先頭

©2009-2025 Movatter.jp