内置指令（Vue2版）

最新推荐文章于 2024-05-16 23:40:36 发布

茶老翁

最新推荐文章于 2024-05-16 23:40:36 发布

阅读量302

点赞数 4

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

本文链接：https://blog.csdn.net/weixin_72671719/article/details/137615532

版权

vue 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

v-bind指令

1、作用：动态设置html的标签属性：src url title...

2、语法：v-bind：属性名 = "表达式"

3、简写形式 :属性名 = "表达式"

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
    <div id="app">
        <img :src="image" alt="">
        <img v-bind:src="image" alt="">
    </div>
    <script>
        const app = new Vue({
            el:'#app',
            data:{
                image:"data:image/jpeg;base64,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"
            }
        })
    </script>
</body>
</html>

v-if指令

1、作用：控制元素显示隐藏（条件渲染）

2、语法：v-if="表达式" 表达式值true显示，false隐藏

3、原理：基于条件判断，是否创建或移除元素节点

4、场景：要么显示，要么隐藏，不频繁切换的场景

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
    <div id="app"  v-if="isShow">
        <h3>{{msg}}</h3>
        <a href="https://www.baidu.com/">点击登录</a>
        <h1 @click="ChangeShow">x</h1>
    </div>
    <script>
        const app = new Vue({
            el:'#app',
            data:{
                msg:"为方便您购买，请提前登录",
                isShow:true
            },
            methods: {
                ChangeShow(){
                    this.isShow=!this.isShow
                }
            }
        })
    </script>
    <style>
        #app{
            background-color: aqua;
            display: flex;
            align-items: center;
            justify-content: space-around;
        }
    </style>
</body>
</html>

v-else/v-else-if指令

1、作用：辅助v-if进行判断渲染

2、语法：v-else/v-else-if="表达式"

3、注意：需要紧挨着v-if一起使用

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
    <div id="app">
        <h3 v-if="gender == 1">男</h3>
        <h3 v-else="gender == 2">女</h3>
        <h4 v-if="score >= 90 ">成绩评定A:奖励电脑一台</h4>
        <h4 v-else-if="score >= 70 ">成绩评定B:奖励周末旅游</h4>
        <h4 v-else-if="score >= 60 ">成绩评定C:奖励零食礼包</h4>
        <h4 v-else="score < 60 ">成绩评定D:惩罚一周不能玩手机</h4>
    </div>
    <script>
        const app = new Vue({
            el: '#app',
            data: {
                gender: 1,
                score: 60
            }
        })
    </script>
    <style>
        #app {
            background-color: rgb(17, 197, 173);
        }
    </style>
</body>
</html>

v-for指令

1、作用：基于数据循环，多次渲染整个元素 → 数组、对象、数字...

2. 遍历数组语法： v-for = "(item, index) in 数组"

（1） item 每一项， index 下标

（2）省略 index: v-for = "item in 数组"

v-for 中的 key

语法：key属性 = "唯一标识"

作用：给列表项添加的唯一标识。便于Vue进行列表项的正确排序复用

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
    <div id="app">
        <p v-for="item in list">我是一个内容</p>
    </div>
    <script>
        const app = new Vue({
            el:'#app',
            data:{
                list:[0,1,2,3,4,5,6]
            }
        })
    </script>
</body>
</html>

v-html指令

作用：设置元素的 innerHTML

语法：v-html = "表达式 "

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
    <div id="app">
        <h3  v-html="str"></h3>
        <a v-html="s"></a>
    </div>
    <script>
        const app = new Vue({
            el:'#app',
            data:{
                str:"<a href='https://blog.csdn.net/zl18603543572'>早起的年人的文章</a>",
                s:"<h3>我是你爸爸</h3>"
            }
        })
    </script>
</body>
</html>

v-model指令

1. 作用: 给表单元素使用, 双向数据绑定 → 可以快速获取或设置表单元素内容

① 数据变化 → 视图自动更新

② 视图变化 → 数据自动更新

2. 语法: v-model = '变量'

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
    <div id="app">
        用户：<input v-model="name" type="text">
        <br>
        密码：<input v-model="password" type="text">
        <div>
            <button @click="load">登录</button>
            <button @click="reset">重置</button>
        </div>
    </div>
    <script>
        const app = new Vue({
            el: '#app',
            data: {
                name: '',
                password: ''
            },
            methods: {
                load() {
                    if (this.name == '') {
                        alert('请输入您的用户名')
                    } else if (this.password == '') {
                        alert('请输入您的密码')
                    } else {
                        alert(this.name + ",恭喜您登陆成功！");
                    }
                },
                reset() {
                    this.name = ''
                    this.password = ''
                    if (this.name == "" && this.password == "") {
                        alert("重置成功！")
                    }
                }
            },
        })
    </script>
</body>
</html>

v-on指令

1. 作用：注册事件 = 添加监听 + 提供处理逻辑

2. 语法：

① v-on:事件名 = "内联语句"

② v-on:事件名 = "methods中的函数名"

3. 简写：@事件名

4. 注意：methods函数内的 this 指向 Vue 实例

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
    <div id="app">
        <button v-on:click="add">+1</button>
        <h3>{{count}}</h3>
        <button @click="sub">-1</button>
    </div>
    <script>
        const app = new Vue({
            el: '#app',
            data: {
                count: 100
            },
            methods: {
                add(){
                    this.count+=1
                },
                sub(){
                    this.count-=1
                }
            },
        })
    </script>
</body>
</html>

v-show指令

1、作用：控制元素显示隐藏

2、语法：v-show="表达式" 表达式true显示，false隐藏

3、原理：切换display：none控制隐藏

4、场景：频繁切换显示隐藏的场景

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
    <div id="app">
        <h3 v-show="isShow">hahahah</h3>
        <button @click="getShow">点击显示</button>
        <button v-on:click="getNonShow">点击隐藏</button>
    </div>
    <script>
        const app = new Vue({
            el:'#app',
            data:{
                isShow:false
            },
            methods: {
                getShow(){
                    this.isShow=!this.isShow
                },
                getNonShow(){
                    this.isShow=!this.isShow
                }
            },
        })
    </script>
</body>
</html>