今天我們來說一說vue1.0和vue2.0的主要變化有哪些

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

VUE1.0是:　

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

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

<template id="aaa">  <div>    <h3>我是組件</h3>      <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    √      -> mountedbeforeDestroy      ->銷毀之前destroyed        ->已經銷毀

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

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

以上所述是小編給大家介紹的vue學習筆記之vue1.0和vue2.0的區別介紹，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持！