Was ist der Unterschied zwischen vue1.0 und 2.0?

Vue.js ist ein fortschrittliches Framework zum Erstellen datengesteuerter Webschnittstellen. Das Ziel von Vue.js besteht darin, eine reaktionsfähige Datenbindung und zusammengesetzte Ansichtskomponenten mit einer möglichst einfachen API zu ermöglichen. Der Einstieg ist nicht nur einfach, sondern auch die Integration in Bibliotheken von Drittanbietern oder bestehende Projekte ist einfach. Was ist also der Unterschied zwischen 1,0 und 2,0? Werfen wir einen Blick darauf.

1. Lebenszyklus

1.0

周期	解释
init	组件刚刚被创建，但Data、method等属性还没被计算出来
created	组件创建已经完成，但DOM还没被生成出来
beforeCompile	模板编译之前
compiled	模板编译之后
ready	组件准备（平时用得较多）
attached	在 vm.$el 插入到DOM时调用
detached	在 vm.$el 从 DOM 中删除时调用
beforeDestory	组件销毁之前
destoryed	组件销毁之后

2. Lebenszyklus von 2.0

2.0-Lebenszyklusänderungen fühlen sich semantischer (es müssen Regeln gefunden werden) und einfacher an (zur Erinnerung) und vor dem Update hinzugefügt, aktualisiert, aktiviert, deaktiviert und gelöscht, angehängt und getrennt.

周期	解释
beforeCreate	组件刚刚被创建，但Data、method等属性还没被计算出来
created	组件创建已经完成，但DOM还没被生成出来
beforeMount	模板编译之前
mounted	模板编译之后,组件准备
beforeUpdate	组件更新之前（数据等变动的时候）
updated	组件更新之后（数据等变动的时候）
activated	for keep-alive,组件被激活时调用
deactivated	for keep-alive,组件被移除时调用
beforeDestory	组件销毁之前
destoryed	组件销毁之后

2: Filter

2.0 löscht alle Filter, die mit 1.0 geliefert wurden, das heißt, in 2.0 müssen Sie Filter verwenden, die wir brauchen um es selbst zu schreiben. Das Folgende ist ein Beispiel für einen benutzerdefinierten Filter,

Vue.filter('toDou',function(n,a,b){
    return n<10?n+a+b:&#39;&#39;+n;
});

Drei: Schleife

In Bezug auf Ganzzahlschleifen beginnt die Ganzzahlschleife von 1,0 bei 0 Ja , die Ganzzahlschleife von 2.0 beginnt bei 1. Vergleiche unten:

//HTML代码<ul id=&#39;box&#39;>
    <li v-for=&#39;val in 5&#39; v-text=&#39;val&#39;></li></ul>

4. Fragmentcode

Beim Schreiben einer Vorlage muss 2.0 ein Stammelement (z. B. div.) verwenden ) umschließen das Codefragment, andernfalls wird ein Fehler gemeldet.

之前:   在1.0使用时完全没问题
    <template>
        <h3>我是组件</h3><strong>我是加粗标签</strong>
    </template>
现在:  必须有根元素，包裹住所有的代码
    <template id="aaa">
            <div>
                <h3>我是组件</h3>
                <strong>我是加粗标签</strong>
            </div>
    </template>

Oben sind nur einige der Änderungen aufgeführt. Im Allgemeinen sind die Änderungen beim Vue-Upgrade auf 2.0 nicht so groß. Es gibt einige neue Änderungen, die nach dem Aufstieg durch die Box hinzugefügt werden.

( • ̀ω •́ )✧

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen vue1.0 und 2.0?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!