<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>插值表达式用法练习</title>
<script type="text/javascript" src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
</head>
<body>
<div id="box">
<span>Message: {{ msg }}</span>
<!-- {{}}对JavaScript 表达式支持,例如: -->
<h1>{{ number - 1 }}</h1>
<h1> {{ ok ? 'YES' : 'NO' }}</h1>
<!-- 但是有个限制就是,每个绑定都只能包含单个表达式,如下表达式无效: -->
<!-- 这是语句,不是表达式 -->
<!-- <h1> {{ var a = 1 }} </h1> -->
<!-- 流控制也不会生效,请使用三元表达式 -->
<!-- <h1>{{ if (ok) { return message } }}</h1> -->
</div>
</body>
</html>
<script type="text/javascript">
var vm = new Vue({
el: '#box',
data: {
msg: '今天天气不错',
number: '20',
ok: true
}
});
</script>
vue的插值表达式用法练习
「陌客网」 vue的插值表达式用法练习 https://www.moke1.cn/243.html


常见问题
相关文章
猜你喜欢
- 醫師不藏私抗感冒良方:五大神奇中藥加速感冒復原 2023-02-08
- 醫師教2動作保持肌腱柔軟,到100歲不跌倒不臥床 2023-02-08
- 漱口抗感冒!漱口3步驟揮別口腔病毒,感冒機率少4成 2023-02-08
- 制酸劑並不會治好胃食道逆流!醫:小心胃潰瘍又貧血 2023-02-08
- 前行政院長陳冲腦出血中風!保命必知中風前兆4字訣 2023-02-08
- 廢物排不出惹來垃圾病!跟著醫師這樣做,終結便祕、腸癌 2023-02-08
- 3千人眼病好轉!眼科醫:健走掌握3原則改善白內障 2023-02-08
- 遠離癌細胞最愛的體質!日本人冬至泡柚子澡的秘密 2023-02-08
- 腹脹、疲勞揮之不去…小心是肝癌!13種癌症警訊要注意 2023-02-08
- 小腿水腫竟是頻尿兇手!簡單踮腳尖就能消腫改善頻尿 2023-02-08