2020-09-01 |

属性绑定

给html标签绑定一个属性值应该使用 v-bind:属性名称

以下代码给h1绑定一个新的id和title属性
 <div id="app">
    <h1  v-bind:title="dyTitle">
    我是一行快乐的标题
    </h1>
    <input type="text" v-bind:value="dyVal"/>
</div>
<script type="text/javascript">
     var app=new Vue({
       el:'#app',
        data:{
            dyVal:'best',
            dyTitle:'看见我的人一生平安'
         }
     })
</script>          
	
 

渲染结果是:

 
<h1 title="看见我的人一生平安"> 
我是一行快乐的标题 
</h1> 
<input type="text" value="best"/>
绑定属性也是可以直接简写:
<h1 :title="dyTitle"> 我是一行快乐的标题</h1>
 

0

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论