一起學Vue之條件判斷

2022-06-25 11:24:09 字數 430 閱讀 1122

在vue進行前端開發中,條件判斷主要用於根據不同的條件來決定顯示或隱藏,或者進行檢視之間的切換,本文以乙個簡單的小例子簡述v-if的常見用法,僅供學習分享使用,如有不足之處,還請指正。

v-if 指令用於條件性地渲染一塊內容。這塊內容只會在指令的表示式返回 truthy 值的時候被渲染。 可以用 v-else 新增乙個「else 塊」,也可以不用。v-else 元素必須緊跟在帶 v-if 或者 v-else-if 的元素的後面,否則它將不會被識別。

如下所示:如果isgood為true,則顯示【vue is good!】否則顯示【oh no】。

1

<

h3 v-if

="isgood"

>vue is good!

h3>

2<

h3 v-else

>oh no

一起學vue指令之v bind

一起學vue指令 v bind 網頁的url位址並不是固定寫死的,如果寫死,每乙個活動就改一次的url,乙個網頁有多少張,工作量多大?通常來說,客戶端向伺服器傳送請求,伺服器返回url資料到vue例項的data資料中,由於url動態繫結了vue例項的data,所以會實時更新.無需我們手工更改,並且不...

一起學Vue 路由 vue router

學習vue router就要先了解路由是什麼?前端路由的實現原理?vue router如何使用?等等這些問題,就是本篇要 的主要問題。vue router 是 vue.js 官方的路由管理器,它和 vue.js 的核心深度整合。hash也存在下面幾個特性 首先,安裝vue router npm in...

跟我一起寫 Makefile 條件判斷

目錄示例 語法使用條件判斷,可以讓make根據執行時的不同情況選擇不同的執行分支。條件表示式可以是比較變數的值,或是比較變數和常量的值。下面的例子,判斷 cc 變數是否 gcc 如果是的話,則使用gnu函式編譯目標。libs for gcc lgnu normal libs foo objects ...