學的不僅是技術,更是夢想!
哈哈哈,打字辛苦啊!!!
可以用 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...