支配vue框架模版語法之v if

2021-08-21 13:30:16 字數 1429 閱讀 2241

有乙隻火雞,他想,這主人天天給我喂吃的,對我也挺不錯,要按照這個邏輯,我覺得過不了多久,我就能取代他家狗,成為他最心愛的寵物, 結果乙個月後感恩節直接就上餐桌了

需要的資訊和資訊源:

vue.js 的模版指令(directive),當前(2018/7/17)一共有 13 個,分別是:

v-text

v-html

v-show

v-if

v-else

v-else-if

v-for

v-on

v-bind

v-model

v-pre

v-cload

v-once

vue.js 的模版指令,與程式語言的 「關鍵字」 或者 「保留字」 有點相似,例如 if(判斷語句關鍵字)、for(迴圈語句關鍵字)

cd ~/desktop

mkdir node_vue_directive_learningload

cd node_vue_directive_learningload

npm init

sudo npm install koa koa-static

index.js

const serve = require('koa-static');

const koa = require('koa');

// $ get /package.json

console.log('listening on port 3000');

index.html

charset="utf-8">

arthurslogtitle>

head>

the static web server by arthurslogh1>

body>

html>

v-if.html

charset="utf-8">

src="">

script>

arthurslogtitle>

head>

v-if="state1 === state2">hello arthurslog, "state1" === "state2"h1>

v-if="state2 !== state2">hello arthurslog, "state1" !== "state2"h1>

div>

new vue(

})script>

body>

html>

支配vue框架模版語法之v show

堅持是最好的承諾 需要的資訊和資訊源 vue.js 的模版指令 directive 當前 2018 7 17 一共有 13 個,分別是 v text v html v show v if v else v else if v for v on v bind v model v pre v cload...

支配vue框架模版語法之v model

責任 就是除了讓要趕上父母老去的速度 還要趕上子女成長的速度 需要的資訊和資訊源 vue.js 的模版指令 directive 當前 2018 7 17 一共有 13 個,分別是 v text v html v show v if v else v else if v for v on v bind...

支配vue框架模版語法之v once

你所希望的 猶如鑽石存於人間 你所厭惡的 猶如空氣充斥天地 需要的資訊和資訊源 vue.js 的模版指令 directive 當前 2018 7 17 一共有 13 個,分別是 v text v html v show v if v else v else if v for v on v bind ...