<!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-06-03
- 猪肉豇豆蒸包子的做法 2023-06-03
- 紫薯馒头的做法 2023-06-03
- 五彩馄饨的做法 2023-06-03
- 椰香苹果海绵蛋糕的做法 2023-06-03
- 芽菜酱油炒饭的做法 2023-06-03
- 醋溜白菜的做法 2023-06-03
- 巧克力香蕉派的做法 2023-06-03
- 香菇鸡块的做法 2023-06-03
- 香菇肉丁的做法 2023-06-03