vue1 0和vue2 0的區別 一

2022-08-24 12:51:09 字數 1048 閱讀 5997

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

一.在每個元件模板,不在支援片段**

vue1.0是:

我是加粗標籤

vue2.0:必須有根元素,包裹住所有的**

我是加粗標籤

二.關於元件定義

vue1.0定義元件的方式有:

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

vue.component(元件名稱,

methods:{}

template:

});

vue2.0定義元件的方式則更為簡單

var home=;

三.生命週期的變化

vue1.0的生命週期為

init                     ->初始化

created ->建立

beforecompile ->編譯之前

compiled ->編譯完成

ready √ ->mounted

beforedestroy ->銷毀之前

destroyed ->已經銷毀

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

beforecreate    元件例項剛剛被建立,屬性都沒有

created 例項已經建立完成,屬性已經繫結

beforemount 模板編譯之前

mounted 模板編譯之後,代替之前ready *beforeupdate 元件更新之前

updated 元件更新完畢 *beforedestroy 元件銷毀前

destroyed 元件銷毀後

vue 1 0和vue 2 0的變化和區別

vue 1.0是 我是加粗標籤 複製 vue 2.0是 必須有根元素,包裹住所有的 aaa 我是加粗標籤 複製 vue1.0定義元件的方式有 vue.extend 這種方式,在2.0裡面有,但是有一些改動 vue.component 元件名稱,methods template 複製 vue2.0定義...

vue2 0和1 0的區別

1.關於過濾器 2.0移除了自帶過濾器,但是保留了自定義過濾器的功能。以後想用過濾器可以自己定義 定義方法還是跟1.0相同 vue.filter 過濾器名字 fn 呼叫方法有些許差別 之前呼叫 現在呼叫 2.關於迴圈中重複資料的問題 1.0中用到的是 track by index 2.0中用到的是 ...

Vue3 0和Vue2 0的區別

vue2和vue3的區別 一 常用命令 vue v 檢視本地 vue 版本 二 官方文件 3.0 三 建立檔案 3.0 vue create 進入工程資料夾,建立專案。2.0 vue init webpack 四 啟動專案 3.0啟動npm run serve 2.0啟動npm run dev 在根...