vuejs學習一 簡介(mvvm 生命週期簡介)

2021-10-02 14:09:16 字數 1749 閱讀 7047

簡介、mvvm、傳入例項的options、生命週期

vuejs是乙個漸進式,什麼叫漸進式框架?就是我們可以用vuejs對部分專案進行重構,一點一點的將專案進行完全重構

全家桶:core+vue-router+vuex

常見的高階技術:

方式1 cdn引入 就是script引入

方式3 npm

>

>

}div

>

body

>

>

newvue(}

)script

>

而vue的程式設計正規化是宣告式正規化,跳過命令直接宣告因為命令在vue後台寫好了

資料和頁面實現分離

當資料變化時頁面上對應的地方也會變化,這個叫做響應式頁面

>

>

v-for

="item in movies"

>

}li>

ul>

div>

body

>

>

newvue(}

)script

>

示例 計數器

>

"num"

>

>

當前計數:}h2

>

>

v-on:click

="counter++"

>

+button

>

v-on:click

="counter--"

>

-button

>

div>

body

>

>

newvue(}

)script

>

注意:

methods簡單使用:

v-on:click

="increment"

>

+button

>

@click

="sub"

>

-button

>

//v-on 簡寫為@

div>

body

>

>

newvue(,

methods:

, sub:

function()

}})script

>

mvvm為mvc思想的進一步,model view viewmodel

簡單理解 model是資料 view是頁面 viewmodel是溝通資料和頁面之間的橋梁

vue中的vm主要實現的是:

選項-資料

常用的:

el: 型別string|htmlelement 決定vue之後會管理哪乙個dom

data:object|function(元件中data必須是個函式)例項對應的資料物件

methods: 定義屬於vue的方法,可以在其他地方呼叫,可以在指令中使用

注意:前端規範縮排一般是2個空格而不是4個空格

學習vuejs的第一天(vuejs)

模板渲染 直接可以讀出data中的資料,若data中是屬性值,用v bind渲染到頁面,簡寫 例如 有乙個title的屬性,要用data中的資料,則message 或者message div new vue 條件和迴圈 v if seen 現在你看到我了 p div new vue v for to...

機器學習(一) 簡介

什麼是機器學習?乙個不是很正式的回答是 不直接通過程式設計讓計算機解決問題,而是試著讓計算機自己找到解決方式。一 學習過程可以分為 資料輸入,抽象化,一般化。抽象化 由學習任務和所分析的資料型別來決定學習的模型,用這個模型來擬合資料集 稱之為訓練 然後資料就轉換為乙個彙總了原始資訊的抽象形式。一般化...

Git學習(一)簡介

很多人都知道,linus在1991年建立了開源的linux,從此,linux系統不斷發展,已經成為最大的伺服器系統軟體了。linus雖然建立了linux,但linux的壯大是靠全世界熱心的志願者參與的,這麼多人在世界各地為linux編寫 那linux的 是如何管理的呢?事實是,在2002年以前,世界...