v-for
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
>
就是和其他語言的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的型別 字串 陣列 物件 二 事件處理器 之前已學習 事件修飾符...