vue1.0和vue2.0的區(qū)別有哪些

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

在東山等地區(qū)，都構建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務理念，為客戶提供網(wǎng)站設計、網(wǎng)站建設 網(wǎng)站設計制作定制網(wǎng)站設計,公司網(wǎng)站建設,企業(yè)網(wǎng)站建設,品牌網(wǎng)站設計,網(wǎng)絡營銷推廣,外貿(mào)營銷網(wǎng)站建設,東山網(wǎng)站建設費用合理。

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

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繼續(xù)能用
  data(){}
  methods:{}
  template:
});

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

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

三.生命周期的變化

vue1.0的生命周期為

init           ->初始化
created         ->創(chuàng)建
beforeCompile      ->編譯之前
compiled         ->編譯完成
ready    √      -> mounted
beforeDestroy      ->銷毀之前
destroyed        ->已經(jīng)銷毀

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

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

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

標題名稱：vue1.0和vue2.0的區(qū)別有哪些
文章地址：http://muchs.cn/article18/ihgegp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、全網(wǎng)營銷推廣、服務器托管、自適應網(wǎng)站、建站公司、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)