vue隨筆(菜鳥教程整理)002

2021-09-26 04:38:53 字數 1290 閱讀 1955

學的不僅是技術,更是夢想!

哈哈哈,打字辛苦啊!!!

可以用 v-else 指令給 v-if 新增乙個 「else」 塊:

隨機生成乙個數字,判斷是否大於0.5,然後輸出對應資訊:

sorry

not sorry

v-else-if 在 2.1.0 新增,顧名思義,用作 v-if 的 else-if 塊。可以鏈式的多次使用:

判斷 type 變數的值:

b

c

not a/b/c

我們也可以使用 v-show 指令來根據條件展示元素:

迴圈使用 v-for 指令。

v-for 指令需要以 site in sites 形式的特殊語法, sites 是源資料陣列並且 site 是陣列元素迭代的別名。

v-for 可以繫結資料到陣列來渲染乙個列表:

v-for 可以通過乙個物件的屬性來迭代資料:

結果:1 2 3 4 5 6 7 8 9 10

計算後反轉字串: }

結果:原始字串: runoob!

計算後反轉字串: !boonur

------例項中宣告了乙個計算屬性 reversedmessage 。

提供的函式將用作屬性 vm.reversedmessage 的 getter 。

vm.reversedmessage 依賴於 vm.message,在 vm.message 發生改變時,vm.reversedmessage 也會更新。

我們可以使用 methods 來替代 computed,效果上兩個都是一樣的,但是 computed 是基於它的依賴快取,只有相關依賴發生改變時才會重新取值。而使用 methods ,在重新渲染的時候,函式總會重新呼叫執行。

methods: 

}

計算後反轉字串: }

使用方法後反轉字串: }

可以說使用 computed 效能會更好,但是如果你不希望快取,你可以使用 methods 屬性。

結果: 原始字串: runoob!

計算後反轉字串: !boonur

使用方法後反轉字串: !boonur

computed 屬性預設只有 getter ,不過在需要時你也可以提供乙個 setter :

從例項執行結果看在執行 vm.site = '菜鳥教程 '; 時,setter 會被呼叫, vm.name 和 vm.url 也會被對應更新。

結果: 菜鳥教程

name: 菜鳥教程

url:

JAVA教程 菜鳥Vue學習筆記(五)

菜鳥vue學習筆記 五 上次我們學習了vue的元件,這次我們來學習一下路由的使用。在vue中,所謂的路由其實跟其他的框架中的路由的概念差不多,即指跳轉的路徑。注意 在vue中,要使用路由,必須匯入vue router.js,並且需要在vue.js下方匯入。具體示例如下 檢視一檢視二 分析如下 在頁面...

菜鳥教程1

一 資料型別 1 typedef 為已有的型別賦予新的名字 類似於 define 例如 typedef int feet 那麼int feet distance 合理。2 列舉 是指將變數的值一一枚舉出來,變數的值只能在列舉出來的值的範圍內。enum color c c blue 二 變數型別 宣告...

菜鳥教程3

十 二 字串 1 常見字串 strcpy s1,s2 複製字串 s2 到字串 s1 strcat s1,s2 連線字串 s2 到字串 s1 的末尾。strlen s1 返回字串 s1 的長度。strchr s1,ch 返回乙個指標,指向字串 s1 中字元 ch 的第一次出現的位置。strstr s1...