vue中v-bind

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本代码</title>
    <script src="vue.js"></script>
</head>
<body>
    <!--容器-->
    <div id="app">
        <input type="button" v-bind:title="mytitle+'后面的玩意'"></input> //v-bind可以绑定你需要绑定的属性,v-bind后面的属性为js表达式
        <input type="button" :title="mytitle+'后面的玩意'"></input> //:title等价于v-bind:title
    </div>
<script>
    // 创建一个vue实例
    var vm=new Vue({
        el:'#app',  // 绑定id为appid容器
        data:{
            mytitle:'这个是标题'
        }
    })
</script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_31293575/article/details/81116877