小张和v-bind

最新推荐文章于 2023-03-03 16:31:34 发布

小张小张_遇事不慌

最新推荐文章于 2023-03-03 16:31:34 发布

阅读量105

点赞数

分类专栏： vue学习之路

本文链接：https://blog.csdn.net/weixin_44617291/article/details/109314942

版权

vue学习之路专栏收录该内容

5 篇文章 0 订阅

订阅专栏

v-bind 没想到我独占一篇吧

- 用法

用法

动态绑定一个或者多个attribute，或一个组件prop到表达式

<!DOCTYPE html>
<html lang="en">
<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"></script>
</head>
<body>
    <div id='app'>
        <!--v-bind是vue中用于提供绑定属性的指令-->
        <!--v-bind指令可以被简写为 :要绑定的属性-->
        <!--v-bind中可以写合法的js表达式-->
        <input type='button' value='按钮' v-bind:title="mytitle+'123'">
        <input type='button' value='按钮' :title="mytitle+'123'">


    </div>
    <script>
        var vm=new Vue({
            el:'#app',
            data:{
                mytitle:'这是我的title'
            }
        })
    </script>
</body>

</html>

小张小张_遇事不慌

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
小张和v-bind

v-bind 没想到我独占一篇吧用法用法动态绑定一个或者多个attribute，或一个组件prop到表达式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&
复制链接

扫一扫