vue指令：v-if

星屿H

于 2021-10-17 13:34:43 发布

阅读量226

点赞数

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_48294048/article/details/120799534

版权

注意：代码所需vue可以通过npm i vue --save下载，然后引入即可

案例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>v-if</title>
    <script src="./node_modules/vue/dist/vue.js"></script>
</head>

<body>
    <div id="app">
        <h3 v-if="true">天道酬勤</h3>
        <h3 v-if="false">商道酬信</h3>
        <h3 v-if="'false'">人道酬善</h3>
        <h3 v-if="1">哈哈哈哈</h3>
        <h3 v-if="0">嘿嘿

最低0.47元/天解锁文章

星屿H

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue指令：v-if

注意：代码所需vue可以通过npm i vue --save下载，然后引入即可案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wi.
复制链接

扫一扫

专栏目录