今天我們來說一說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的區別介紹，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
