VueJS处理逻辑指令:v-if
2024-09-21 04:21:50
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
<p v-if="seen">现在你看到我了</p>
<template v-if="ok">
<h1>追求永无止境</h1>
<p>学的不仅是技术,更是梦想!</p>
<p>哈哈啥,打字辛苦啊!!!</p>
</template>
</div> <script>
new Vue({
el: '#app',
data: {
seen: true,
ok: true
}
})
</script>
</body>
</html>
效果:
最新文章
- ASP.NET 5中的静态文件处理
- JavaScript 2016年的概况
- java static 关键字
- jq文本框显示最多可以输入多少字
- linux基础命令(二)用户管理和权限管理
- Volly的使用及图片错位优化
- 压缩感知中的数学知识:稀疏、范数、符号arg min
- Jenkins集成taffy进行自动化测试并输出测试报告
- Google2016 面试题 吹气球 区间dp
- javascript中的内存管理和垃圾回收
- c语言之单链表的创建及排序
- Excel自动换行、Export2Excel 自动换行
- 在java中如何实现字符串的反转
- ES6使用Set实现数组去重
- ElasticSearch原理
- ping不同网站总结
- http://blog.csdn.net/w_e_i_/article/details/70766035
- 决策树算法——ID3
- Codeforces 995F Cowmpany Cowmpensation - 组合数学
- 测试开发之前端——No3.HTML5中的标准属性