Vue条件指令
创建一个if.html页面并引入vue.js代码,详情如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
</body>
</html>
Vue条件指令
先在body里面写个div,id为app,然后在div标签里面再写一个div,div里面写入一行字符串
再写个script标签,在标签中var app = new Vue({});中括号里面就写声明的元素、数据等
data{
flag:true
}
表示显示,然后在第二个div里面用v-if指令进行判断,默认是显示的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"