Slog7 支配vue框架之模版語法 v html

2021-09-13 09:54:25 字數 1594 閱讀 3431

去往目的地的列車可能會晚點 但絕不會缺席

需要的資訊：

開始編碼：

cd ~/desktop
mkdir node_vue_templatesyntax_learningload
cd node_vue_templatesyntax_learningload
npm init
sudo npm install koa koa-static
index.html

hello
index.js

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


const koa = require('koa');


// $ get /package.json


console.log('listening on port 3000');
cd ~/desktop/node_vue_templatesyntax_learningload
node index.js
hello arthurslog


hello arthurslog
上面的第二行，顯示的 arthurslog 會顯示紅色

請注意到

index.html

hello  }                  


hello
index.js

index.html 裡使用了 v-html 指令，把 index.js 裡的 rawhtml 作為 html 格式

index.html

hello
index.js

data:
另乙個沒有使用 v-html 指令，而用 }（無邏輯模板） 的，會解釋為給定的值

index.html

hello  }
index.js

data:
首先，先把你想執行的 html格式的內容 賦予變數 rawhtml：
rwahtml: 'arthurslog'
其次，把你的 html標籤 提取出來，這裡的 html標籤 指的是 ：
然後，給標籤上 解析指令 v-html：
最後，把變數 rawhtml 賦值給 v-html 指令，rawhtml 要加上雙引號 「rawhtml」：

支配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 if

有乙隻火雞，他想，這主人天天給我喂吃的，對我也挺不錯，要按照這個邏輯，我覺得過不了多久，我就能取代他家狗，成為他最心愛的寵物，結果乙個月後感恩節直接就上餐桌了 需要的資訊和資訊源 vue.js 的模版指令 directive 當前 2018 7 17 一共有 13 個，分別是 v text v ht...

支配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...