Erfahren Sie in drei Minuten mehr über das Vue-Framework

Verstehen Sie das Vue-Framework in drei Minuten

1. Grundlegende Einführung in Vue

1.vue ist ein progressives JavaScript-Framework

2. Autor: You Yuxi (ein ehemaliger chinesischer Google-Ingenieur)

3. Funktion: Benutzeroberflächen dynamisch erstellen

2: Funktionen von Vue

1. Folgen Sie dem MVVM-Muster (m->model (Datenobjekt) v->view (view) vm->view model)

2. Einfache Codierung, geringe Größe, hohe Betriebseffizienz, geeignet für Mobil-/PC-Terminals

3. Es konzentriert sich nur auf die Benutzeroberfläche und kann problemlos Vue-Plug-Ins oder andere Drittanbieter einführen -Party-Bibliotheksentwicklungsprojekte

Vue-Erweiterung:

• vue-cli:Vue scaffolding

• vue-resource(axios): Ajax-Anfrage

• vue-router: Routing

• vuex: Zustandsverwaltung

• vue -lazyload: Lazy Loading von Bildern

• vue-scroller: Seitenverschiebung bezogen auf

• mint-ui: Vue-basiert UI-Komponentenbibliothek (mobiles Endgerät)

• element-ui: Vue-basierte UI-Komponentenbibliothek (PC-Seite)

3. Vue schreibt „Hallo vue“

1. Vue.js vorstellen

2. Zwei-Wege-Datenbindung

4. Daten anzeigen

Codeanzeige:

<p id="app">
    //3.双向数据绑定
    <input type="text" v-model="username">
    //4.显示数据
    <p>Hello {{msg}}</p>
</p>
//1.引入vue.js
<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript">
    //2.创建vue对象
    var vm = new Vue({
        el:"#app",
        data:{
            msg:&#39;vue&#39;
        }
    })

Vielen Dank an alle fürs Lesen, ich hoffe, Sie werden viel davon profitieren.

Dieser Artikel ist reproduziert von: https://blog.csdn.net/weixin_44022886/article/details/88868789

Empfohlenes Tutorial: „

JS-Tutorial

“

Das obige ist der detaillierte Inhalt vonErfahren Sie in drei Minuten mehr über das Vue-Framework. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!