vue學(xué)習(xí)筆記之vue1.0和vue2.0的區(qū)別介紹
更新時(shí)間：2017年05月17日 14:45:28 作者：自足
今天我們來說一說vue1.0和vue2.0的主要變化有哪些？對vue相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧
今天我們來說一說vue1.0和vue2.0的主要變化有哪些
一.在每個(gè)組件模板，不在支持片段代碼
VUE1.0是:
<template> <h3>我是組件</h3><strong>我是加粗標(biāo)簽</strong> </template>
VUE2.0:必須有根元素,包裹住所有的代碼
<template id="aaa">
<div>
<h3>我是組件</h3>
<strong>我是加粗標(biāo)簽</strong>
</div>
</template>
二.關(guān)于組件定義
VUE1.0定義組件的方式有:
Vue.extend 這種方式，在2.0里面有，但是有一些改動(dòng)
Vue.component(組件名稱,{ 在2.0繼續(xù)能用
data(){}
methods:{}
template:
});
VUE2.0定義組件的方式則更為簡單
var Home={
template:'' -> 相當(dāng)于Vue.extend()
};
三.生命周期的變化
vue1.0的生命周期為
init ->初始化 created ->創(chuàng)建 beforeCompile ->編譯之前 compiled ->編譯完成 ready √ -> mounted beforeDestroy ->銷毀之前 destroyed ->已經(jīng)銷毀
vue2.0的生命周期為(標(biāo)*的為經(jīng)常用的)
beforeCreate 組件實(shí)例剛剛被創(chuàng)建,屬性都沒有 created 實(shí)例已經(jīng)創(chuàng)建完成，屬性已經(jīng)綁定 beforeMount 模板編譯之前 mounted 模板編譯之后，代替之前ready * beforeUpdate 組件更新之前 updated 組件更新完畢 * beforeDestroy 組件銷毀前 destroyed 組件銷毀后
以上所述是小編給大家介紹的vue學(xué)習(xí)筆記之vue1.0和vue2.0的區(qū)別介紹，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了vue 設(shè)置背景顏色及透明度的操作，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-06-06
vue修改props數(shù)據(jù)報(bào)錯(cuò)的問題及解決
這篇文章主要介紹了vue修改props數(shù)據(jù)報(bào)錯(cuò)的問題及解決方案,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
今天小編就為大家分享一篇修改vue+webpack run build的路徑方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
今天小編就為大家分享一篇解決vue熱替換失效的根本原因，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
vue項(xiàng)目網(wǎng)站全局置灰功能實(shí)現(xiàn)示例詳解
這篇文章主要為大家介紹了vue項(xiàng)目網(wǎng)站全局置灰功能實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
每天學(xué)點(diǎn)Vue源碼之vm.$mount掛載函數(shù)
這篇文章主要介紹了vm.$mount掛載函數(shù)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
Vue.js 利用v-for中的index值實(shí)現(xiàn)隔行變色
這篇文章主要介紹了Vue.js 利用v-for中的index值實(shí)現(xiàn)隔行變色效果，首先定義好樣式，利用v-for中的index值，然后綁定樣式來實(shí)現(xiàn)隔行變色,需要的朋友可以參考下2018-08-08
這篇文章主要給大家介紹了關(guān)于element的表單組件的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02
vue2 提供了一些生命周期事件的方式,在組件銷毀后觸發(fā)一個(gè)事件,父組件可監(jiān)聽到該事件,然后執(zhí)行某些操作,這篇文章主要介紹了vue 中監(jiān)聽生命周期事件的操作方式,需要的朋友可以參考下2024-06-06
這篇文章主要介紹了vue 條件渲染v-if和v-show，在模板中，可以根據(jù)條件進(jìn)行渲染。條件用到的是v-if、v-else-if以及v-else來組合實(shí)現(xiàn)的，有時(shí)候我們想要在一個(gè)條件中加載多個(gè)html元素，那么我們可以通過template元素上實(shí)現(xiàn)，下面就來看看具體實(shí)現(xiàn)吧2021-10-10