溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue1.0和vue2.0的區別有哪些

發布時間:2021-01-30 16:07:56 來源:億速云 閱讀:226 作者:Leah 欄目:web開發

這篇文章給大家介紹vue1.0和vue2.0的區別有哪些,內容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。

一.在每個組件模板,不在支持片段代碼

VUE1.0是: 

<template>
  <h4>我是組件</h4><strong>我是加粗標簽</strong>
</template>

VUE2.0:必須有根元素,包裹住所有的代碼

<template id="aaa">
  <div>
    <h4>我是組件</h4>
      <strong>我是加粗標簽</strong>
   </div>
</template>

二.關于組件定義

VUE1.0定義組件的方式有:

Vue.extend            這種方式,在2.0里面有,但是有一些改動

Vue.component(組件名稱,{  在2.0繼續能用
  data(){}
  methods:{}
  template:
});

VUE2.0定義組件的方式則更為簡單

var Home={
    template:''    ->  相當于Vue.extend()
};

三.生命周期的變化

vue1.0的生命周期為

init           ->初始化
created         ->創建
beforeCompile      ->編譯之前
compiled         ->編譯完成
ready    √      -> mounted
beforeDestroy      ->銷毀之前
destroyed        ->已經銷毀

vue2.0的生命周期為(標*的為經常用的)

beforeCreate  組件實例剛剛被創建,屬性都沒有
created     實例已經創建完成,屬性已經綁定
beforeMount   模板編譯之前
mounted     模板編譯之后,代替之前ready *
beforeUpdate  組件更新之前
updated     組件更新完畢  *
beforeDestroy  組件銷毀前
destroyed    組件銷毀后

關于vue1.0和vue2.0的區別有哪些就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女