Grundlegendes Tutorial zu Vue.js (offizielles Handbuch)

Lesen(57984) Updatezeit(2022-04-15)

Willkommen, Freunde, um sich den Reihen der Grundkenntnisse von Vue.js anzuschließen. Vue ist ein fortschrittliches Framework zum Erstellen von Benutzeroberflächen. „Vue.js Basic Tutorial“ kann Lernenden ein allgemeines Verständnis von Vue.js vermitteln.


Vue.js (ausgesprochen /vju?/, ähnlich wie view) ist ein progressives Framework zum Erstellen von Benutzeroberflächen.

Vue konzentriert sich nur auf die Ansichtsebene und übernimmt ein inkrementelles Bottom-up-Entwicklungsdesign.

Das Ziel von Vue ist die Implementierung einer reaktionsfähigen Datenbindung und zusammengesetzter Ansichtskomponenten über eine möglichst einfache API.

Vue ist sehr einfach zu erlernen. Dieses Tutorial basiert auf dem Versionstest von Vue 2.1.8.

Was Sie wissen müssen, bevor Sie dieses Tutorial lesen:

Dieses Tutorial führt hauptsächlich ein Verwendung der Vue2.x-Version.

Erste Instanz

<!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>

Referenz:

Webpack Tutorial für die ersten Schritte: https://www.php.cn/js-tutorial-430652.html

Offizielle Dokumentation: http://vuejs.org/v2/guide/syntax.html

Chinesisches Dokument: https://www.php.cn/js/js-vuejs-syntax.html

Neuestes Kapitel


加入 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