Vue的基礎語法2 部分

2021-10-02 17:36:59 字數 1274 閱讀 8734

lang

="en"

>

>

charset

="utf-8"

>

>

基礎語法title

>

src=

"../js/vue.js"

>

script

>

head

>

>

>

type

="text"

v-model

="salary"

/>

>

v-for

="(u,i) in users"

>

} _ } : } : }

span

>

} _ } : } : }

span

>

| } _ } : } : }

span

>

li>

ul>

}div>

>

const vm =

newvue(,

,,],

birthday:

12316545643,}

, computed :},

watch :}}

)script

>

body

>

html

>

v-for

就是和其他語言的for語句一樣,用來遍歷。

v-if,v-else,v-show

基礎的判斷語句,但是跟其他語言有所不同的是,v-if(v-else)不滿足時,瀏覽器不會渲染這部分,即就是瀏覽器中沒有不滿足條件的語句,但是v-show,不滿足時,瀏覽器會渲染,但是不會顯示,後面我們可以通過控制台使其顯示。

計算屬性

因為我們有時候會在標籤裡進行計算,或者有的屬性需要在標籤中計算。所以我們把計算屬性寫在computed{}中,比如上面的caculate,就是計算屬性。

***

我們可以監聽資料,當資料改變時,我們可以進行操作。

但是要是對物件資料進行監聽時,我們要使用深度監聽

watch:

, person:

}}

這樣就可以監聽物件的改變。

ES6部分語法

1 當物件的key和value名稱一致時,可以縮寫成乙個。components 等同於 components 2 data 等同於data function data 等同於 data function 3 是箭頭函式 render function h 也等同於 render h 4 在es6語法...

練習2部分題解

問題 g 汽水瓶 時間限制 1 sec 記憶體限制 128 mb提交 93 解決 45 201501010119 提交狀態討論版 題目描述 有這樣一道智力題 某商店規定 三個空汽水瓶可以換一瓶汽水。小張手上有十個空汽水瓶,她最多可以換多少瓶汽水喝?答案是5瓶,方法如下 先用9個空瓶子換3瓶汽水,喝掉...

Vue基礎語法2

vue基礎語法1 一 樣式繫結 class繫結 使用方式 v bind class expression expression的型別 字串 陣列 物件 style繫結 v bind style expression expression的型別 字串 陣列 物件 二 事件處理器 之前已學習 事件修飾符...