Tutoriel de base de Vue.js (manuel officiel)

Lire(57984) temps de mise à jour(2022-04-15)

Bienvenue à vos amis pour rejoindre les rangs de l'apprentissage de base de Vue.js. Vue est un framework progressif pour la création d'interfaces utilisateur. Le « Tutoriel de base Vue.js » peut donner aux apprenants une compréhension générale de Vue.js.


Vue.js (prononcé /vju?/, similaire à view) est un framework progressif pour la création d'interfaces utilisateur.

Vue se concentre uniquement sur la couche de vue et adopte une conception de développement incrémental ascendant. L'objectif de

Vue est d'implémenter une liaison de données réactive et des composants de vue composés via l'API la plus simple possible.

Vue est très simple à apprendre. Ce tutoriel est basé sur le test de la version Vue 2.1.8.

Ce que vous devez savoir avant de lire ce tutoriel :

Le tutoriel présente principalement l'utilisation de la version Vue2.x.

Premier exemple

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例</title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
  <p>{{ message }}</p>
</div>

<script>
new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
})
</script>
</body>
</html>

Référence :

Tutoriel de démarrage du Webpack : https://www.php.cn/js-tutorial-430652.html

Documentation officielle : http://vuejs org/. v2/guide/syntax.html

Documentation chinoise : https://www.php.cn/js/js-vuejs-syntax.html

Dernier chapitre


加入 Vue.js 社区 2019-09-20
对比其他框架 2019-09-20
从 Vuex 0.6.x 迁移到 1.0 2019-09-20
从 Vue Router 0.7.x 迁移 2019-09-19
从 Vue 1.x 迁移 2019-09-19
深入响应式原理 2019-09-19
服务端渲染 2019-09-19
状态管理 2019-09-19